웹 개발 알아두기 (33) 썸네일형 리스트형 NAVER 커머스API 애플리케이션 등록 1. **NAVER 스마트스토어센터 가입 후 로그인** [스마트스토어센터](https://sell.smartstore.naver.com/#/home/about) 2. **‘내스토어 애플리케이션’ 에서 ‘`애플리케이션 등록`’ 버튼 클릭** 3. **애플리케이션 등록** [ 1 ] - 애플리케이션 이름 입력 - 최대 50자 | 수정가능 예시) shopeasy [ 2 ] - 설명 입력 - 최대 300자 | 수정가능 예시) 스토어의 API 사용을 위한 애플리케이션 등록 [ 3 ] - 모든 API ‘추가’ 선택 | 수정가능 [ 4 ] - 등록 버튼 클릭 → 등록한 정보 확인 4. 내 스토어 애플리케이션 메뉴에서 생성한 애플리케이션을 선택합니다. https://apicenter.commerce.naver.com/.. 포스트맨 구글 Auth 요청하기 포스트맨에서 구글 OAuth로 인증토큰 받는 방법을 알아보자. 포스트맨을 열고 GET 요청생성 후 유알엘 입력 'Authorization' 탭으로 이동 후 'OAuth 2.0' 선택 'Client Credentials' 항목에서 'Client Credentials' 선택 Access Token URL, Client ID, Client Secret 입력 설정완료 후 전송버튼 클릭 전송 후 아래와 같이 토큰이 반환 이상 HTML 삽입 미리보기할 수 없는 소스 택배사 운송 조회 (롯데, 우체국) 배송추적 기능 구현 시 배송사에 따른 배송상태 조회하는 방법을 알아보겠습니다. 주로 송장번호 등을 조회 페이지 주소에 쿼리로 추가하는 방식을 사용하며 배송사별 주소와 형식은 아래와 같습니다. 롯데택배 https://www.lotteglogis.com/home/reservation/tracking/invoiceView?InvNo= 주의할 점은 크롬에서 ?InvNo 부분이 자동으로 ?invNo 변환되면서 조회가 불가능한 경우가 있는 데 쿼리는 대소문자를 구분하므로 반드시 ?InvNo 형태로 들어가야합니다. 참고로 아래와 같이 폼 데이터로 전송하는 것도 가능합니다 (이 경우 송장번호가 주소에 표시되지 않음). 우체국택배 https://service.epost.go.kr/trace.RetrieveDomRigiT.. 폴더에서 프로그램 열기 편집기를 사용하다 보면 편집기의 열기 기능을 사용하여 찾는 것보다 폴더에서 찾아서 구동하는 것이 더 빠를 때 가 있습니다. 하지만, 비주얼 스튜디오 같이 설치할 때 해당 기능을 추가할지 여부를 옵션으로 제공하는 경우 깜빡하고 체크하지 않는 경우 재 설치 하는 경우가 많은데요. 오늘은 윈도에서 재설치 없이 프로그램으로 열기 기능을 추가하는 방법을 살펴볼까 합니다. 레지스트리 열기 먼저, 해당 기능을 추가하는 데 필요한 폴더들을 관리하는 레지스트리를 열어야 하는데요. 시작 아이콘을 우클릭하여 'Run'을 누르거나 바탕화면에서 Window + R을 누릅니다. 열린 커맨드에 아래 명령어 입력 regedit 디렉터리 추가 Registry Editor가 열리면 좌측 패널을 스크롤해서 'Directory' -> 's.. 편집기 단축키들 (IntelliJ, VS Code) 코드를 짤 때 대부분 개발자들이 VS, IntelliJ 등 편집기를 사용합니다. 이유는 편집기가 가진 다양한 기능을 통해 중복작업을 줄이고 작업효율을 향상하는 것이 가능하기 때문입니다. 편집기가 가진 기능은 사용빈도가 높기 때문에 단축키를 알아두면 더욱 효율적인 작업이 가능하므로 오늘은 각종 편집기에서 어떤 단축키를 통해 어떤 기능을 사용가능한지 살펴볼까 합니다. 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 IntelliJ 검색 폴더구조 코드작성 리팩토링 VS Code .. 스타일 라이브러리 - 테일윈드 테일윈드는 부트스트랩과 같은 스타일 라이브러리입니다. 부트스트랩처럼 클래스명으로 스타일을 지정하지만 CSS 고유 스타일 속성 명칭과 유사한 구조를 가지고 있어 CSS 지식이 있으면 빨리 배울 수 있는 장점이 있습니다. 테일윈드 설치하기 프로젝트 콘솔에 아래 명령어를 실행 npm install -D tailwindcss npx tailwindcss init 생성된 테일윈드 구성 파일에 아래 코드추가 content: ["./src/**/*.{html,js}"] CSS파일에 아래 코드 추가 @tailwind base; @tailwind components; @tailwind utilities; 플러그인 사용하기 테일윈드의 다른 장점은 다양한 플러그인을 사용할 수 있다는 점입니다. 데이지 유아이 프로젝트 콘솔에.. 결제서비스 - 스트라이프 전자상거래 사이트에서 결제 서비스는 빠질 수 없는 기능 중 하나입니다. 결제서비스는 고객정보를 포함하기 때문에 이를 직접 개발하는 데는 많은 시간과 비용이 소모됩니다. 이러한 이유로 많은 사이트에서 전문서비스를 사용하는데 그중 스트라이프를 사용하는 방법을 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 티스토리 다국어 블로그만들기 (Book Club 스킨) 북클럽 스킨을 활용하여 더블포스팅을 통해 다국어 블로그를 만드는 방법을 보겠습니다. 완성된 코드 영문으로 변경하기 코드 ▶ 영문 포스트 언어변경하기 버튼 ▶ 국문 포스트 ▶ 영문 포스트 작업구상 'Book Club' 스킨에서 영문으로 변경해야 하는 부분은 크게 타이틀과 상단 메뉴 포스트 제목과 카테고리 우측에 공지사항을 비롯한 메뉴들 마지막으로 풋터 문구들이 있더군요. 구현하기 카테고리 작업 먼저, 카테고리는 영문으로 된 카테고리를 만들고 해당 포스트를 해당 카테고리로 지정하면 되므로 카테고리를 국문 버전과 영문 버전 두 가지로 생성합니다. 블로그관리 -> 카테고리 관리 카테고리 작업을 완료하면 아래와 같이 설정된 카테고리 명으로 표시됩니다 텍스트 작업 기타 블로그 타이틀 등 텍스트는 영문 포스트에서 아.. 이전 1 2 3 4 5 다음
