본문 바로가기
반응형

전체 글36

자바스크립트 메서드와 this 객체는 사용자(user), 주문(order)등과 같이 실제 존재하는 개체(entity)를 표현하고자 할 때 생성됩니다. let user = { name: "John", age: 30 }; 그리고 현실 세계에서 사용자는 장바구니에서 무엇인가 선택, 로그인, 로그아웃 등의 행동을 할 수 있습니다. 동작은 속성의 함수로 JavaScript에서 표현됩니다. 방법 예: user 먼저 인사하는 법을 가르쳐 봅시다. let user = { name: "John", age: 30 }; user.sayHi = function() { alert("Hello"); }; user.sayHi();// Hello! 여기에서 함수 표현식을 사용하여 함수를 만들고 user.sayHi 객체의 속성에 할당했습니다. 그러면 우리는 그것을.. 2022. 9. 30.
백링크란? 백링크의 개념, 방법 및 주의점 등 본 게시물의 저작권은 세계 최대 규모의 SEO SaaS 제공 업체인 SEMRUSH사에 있습니다. EXIT는 SEMRUSH의 대한민국 공식 협력사로서 본 게시물에 대한 현지화 및 게재를 공식적으로 허가 받았습니다. 무단 복제, 수정, 재배포시 저작권에 대한 문제가 생길 수 있기 때문에 게시물에 대한 공유는 반드시 출처를 남겨주시기 바라겠습니다. 언제나 양질의 정보와 서비스를 제공드리기 위해 노력하는 EXIT가 되겠습니다. 감사합니다. 백링크란 무엇일까요? 백링크(인바운드 링크 또는 외부 링크라고도 함)는 다른 웹사이트를 가리키는 웹사이트의 링크를 의미합니다. 구글이나 네이버, 야후와 같은 검색 엔진은 ‘백링크’를 다른 웹사이트의 지원을 받는 양질의 콘텐츠 지표로 봅니다. 쉽게 말해 백링크는 ‘남이 나를 언.. 2022. 9. 18.
검색엔진최적화(Search Engine Optimization, SEO) 1. 검색엔진최적화(Search Engine Optimization, SEO)란? 검색엔진 최적화(SEO)란 검색엔진 결과 페이지에서 자신의 웹사이트 혹은 웹페이지의 순위와 노출도를 높여 트래픽의 양과 질을 높이는 최적화 작업입니다. 직접 트래픽 혹은 돈을 지불하는 키워드 광고(Paid Search) 결과가 아닌 자연검색어(Organic Search) 결과를 개선하는 것이 검색엔진 최적화(SEO)의 목표입니다. 1.1. 검색엔진최적화 개념 이해하기 여러분의 회사에서 젊은 층을 타겟으로 하는 의류 매장을 오픈하기 위한 장소를 탐색 중입니다. 임대료가 같다고 가정하면 ‘명동’과 ‘강원도의 한 시골 마을’ 중 어디를 선택하겠습니까? 의류 매장 뿐만 아니라 음식점, 화장품, 전자기기 매장 등 우리가 알고 있는 .. 2022. 9. 18.
카페24쇼핑몰 - 도서산간 지역배송비 설정 ​ 하바나스 쇼핑몰 스킨 배송비 설정방법 알아보기 ​ 카페24 하바나스 HBC 스킨은 지역별 도서산간 배송비세팅방법! 도서 산간 등 배송받는 지역별로 추가 배송비를 부과해야 하는 경우 쇼핑몰 관리자의 '상점관리 > 배송관리 > 지역별 배송비 설정'에서 우편번호 기준으로 지역별 배송비를 설정할 수 있습니다. 쇼핑몰 운영시 도서 산간 등 배송받는 지역별로 추가 배송비를 부과해야 하는 경우가 있습니다.이 경우 지역별 배송비 설정을 통해 쇼핑몰에 적용할 수 있으며 지역별 배송비는 우편번호 범위 안에서 지역을 등록하거나 우편번호로 범위를 설정할 수 있습니다. ​ ​ 지역별 배송비 설정 방법 1. 쇼핑몰 관리자의 '상점관리 > 배송관리 > 지역별 배송비 설정'으로 이동합니다. ​ 2. '지역별 배송비 사용' 항목을.. 2022. 9. 16.
워드프레스 REST API를 사용하여 다른 사이트에서 블로그 게시물 가져오기 WordPress 공간에 잠시 동안 있었다면 아마도 WordPress REST API에 대해 들어본 적이 있을 것입니다. 조사를 해 본 적이 있다면 발견한 내용, 즉 많은 기술 전문 용어와 실제로 사용하는 방법에 대한 명확한 경로가 없는 것 때문에 정말 겁을 먹었을 것입니다. 오늘은 워드프레스 REST API를 사용하는 방법(완전 초보자)을 보여 드리겠습니다. 먼저 다른 WordPress 사이트에서 데이터를 가져오는 방법을 보여 드리겠습니다. 그런 다음 작동 방식을 확인한 후 몇 가지 핵심 용어를 소개하겠습니다. 시작하기 전에 Chrome을 열고 JSON 뷰어 확장 프로그램 을 설치합니다 . 아래 예제를 시도하면 출력이 훨씬 더 읽기 쉬운 형식으로 표시됩니다. 워드프레스 REST API 사용 WordPr.. 2022. 9. 15.
Shopify 테마 파일 편집을 위한 주요 팁 항상 그렇듯이 테마 파일(또는 실제로 코드)을 편집할 때 염두에 두어야 할 중요한 팁이 있습니다. 이것을 건너 뛰지 마십시오! Shopify 테마 백업 이것은 매우 중요합니다(따라서 우리가 그것을 많이 언급한 이유). 시작하기 전에 어떻게 생겼는지에 대한 기록 없이 변경을 시작하고 싶지는 않습니다. 코드 편집기는 파일에서 "이전 버전"을 클릭하여 찾을 수 있는 변경 사항을 추적하지만 만일을 대비하여 테마의 수정되지 않은 버전을 유지하는 것이 가장 좋습니다. 테마의 깨끗한 버전을 저장하려면 테마를 복제해야 합니다. 이렇게 하려면 온라인 스토어 > 테마 로 이동 하여 복제하려는 테마에서 작업 을 클릭 하고 드롭다운 메뉴에서 복제 를 클릭합니다. 복제 를 누르면 "[테마 이름] 사본"이라는 제목의 테마 사본이.. 2022. 9. 15.
코드를 사용하여 Shopify 테마 파일을 직접 편집하는 방법 코드로 이동하여 Shopify 테마를 변경하려는 경우에도 그렇게 할 수 있습니다. 이렇게 하려면 Shopify 코드 편집기로 이동해야 합니다. Shopify 코드 편집기 왼쪽 상단 모서리에 있는 세 개의 점 아이콘을 클릭 하고 드롭다운 메뉴에서 코드 편집 을 선택하면 테마 편집기에서 바로 코드 편집기로 이동할 수 있습니다 . 또는 Shopify 대시보드에 있는 경우 테마로 이동하고 작업 을 클릭 한 다음 드롭다운 메뉴에서 코드 편집 을 선택할 수 있습니다. 또는 대시보드에서 코드 편집기로 직접 이동합니다. 어느 쪽이든, 코드 편집기에서 자신을 찾을 수 있습니다. 7개의 폴더가 있습니다. Layout Templates Sections Snippets Assets Config Locales 여기에는 스토어에.. 2022. 9. 15.
Shopify 테마를 편집하는 방법 테마를 편집하기 전에 해야 할 일 테마 편집기나 코드 편집기를 통해 Shopify 테마를 변경할 때마다 저장 을 클릭하면 해당 변경 사항이 적용됩니다 . 코드에 사소한 오류가 있으면 상점의 시각적 디자인이 손상될 수 있으므로 코드 편집기에서 작업을 수행하기 전에 테마를 백업하는 것이 좋습니다. 이 부분에 대해서는 나중에 다시 설명할 것이므로 중요합니다. Shopify 코드는 HTML과 Liquid로 구성되어 있으므로 개인 테마 개발 퀘스트를 시작하기 전에 해당 언어를 이해하고 싶을 것입니다. 작동 방식에 대한 간단한 설명이 필요한 경우Shopify의 Liquid 코드에 대한 자습서돕기 위해. 그러나 코딩은 차가 아닙니다. 그것도 괜찮습니다. Shopify 시각적 테마 편집기에서 수행할 수 있는 작업 외에.. 2022. 9. 15.
JavaScript/JQuery 선택자 (Selector) 모음 JavaScript와 JQuery에서 사용되는 선택자들에 대해서 살펴보겠습니다. JQuery와 CSS의 선택자로 더 잘 알려져 있지만 JavaScript에 querySelector() 및 querySelectorAll()을 통해 접근 시 같은 선택자를 사용합니다. * 물론 JavaScript에서 getElementById() 와같은 함수가 더 빠르고 지원이 잘 되지만 속도를 체감하기도 힘들뿐더러 코드가 더 깔끔하고 가독성이 좋다고 생각해 저는 querySelector()를 사용합니다. 기본 선택자 1. * : 모든 요소 선택 // 모든요소 선택 $("*") document.querySelectorAll("*") 2. # : ID 선택자 (ID명으로 선택) // ID명이 'btnPrev'인 요소 선택 $(.. 2022. 9. 14.
반응형