▣ Tools/API🎯
[API] Cafe24, OAuth 인증 과정 구현하기(2) [카페24 쇼핑몰 앱 인증코드 발급 받기]
1) OAuth 인증 과정 구현하기(1) : 개발자센터 세팅 2) OAuth 인증 과정 구현하기(2) : 인증코드 발급 받기 3) OAuth 인증 과정 구현하기(3) : 엑세스 토큰 발급 받기 4) Cafe24 쇼핑몰에 스크립트 태그 심기 5) Cafe24 쇼핑몰 로그인 여부 확인하기 6) Cafe24 API, 로컬환경에서 테스트하는 방법 7) Cafe24 API, 호출건수 제한, 요청건수 제한의 의미 - Cafe24, OAuth 인증 과정 구현하기(2) 이전 게시글에서 카페24 API에 대한 개념과 개발자센터 환경세팅을 하였다. 이번에는 카페24 앱에서 OAuth 인증코드를 받아볼 예정이다. - OAuth 인증코드 받기 OAuth 인증코드를 받기 위해서는 프로젝트가 서버에 배포되어 있어야 한다. (또한..
[API] Cafe24, OAuth 인증 과정 구현하기(1) [Admin API와 Front API의 차이, Redirect URI란, 카페24 쇼핑몰 앱 만들기]
1) OAuth 인증 과정 구현하기(1) : 개발자센터 세팅 2) OAuth 인증 과정 구현하기(2) : 인증코드 발급 받기 3) OAuth 인증 과정 구현하기(3) : 엑세스 토큰 발급 받기 4) Cafe24 쇼핑몰에 스크립트 태그 심기 5) Cafe24 쇼핑몰 로그인 여부 확인하기 6) Cafe24 API, 로컬환경에서 테스트하는 방법 7) Cafe24 API, 호출건수 제한, 요청건수 제한의 의미 - Cafe24, OAuth 인증 과정 구현하기(1) 카페24 쇼핑몰의 데이터를 사용하려면 카페24 내에 API 통신하는 앱을 만들어 설치해야 하며, 이 앱은 OAuth 인증방식을 활용하여 설치된다. OAuth의 개념을 잘 모른다면 아래 링크를 참고하면 좋다. 구글 API를 통해서 배우는 인증 (oauth..
[API] 네이버 지도에서 정보 창 띄우기 [마커 클릭 시 정보 창 나타나고 사라지는 이벤트 만들기]
[API] 웹 페이지에 네이버 지도 띄우고 마커 찍기 [네이버 Maps API 사용하기] - 웹 페이지에 네이버 지도 띄우고 마커 찍기 1. Naver Maps Application 등록 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 2. 웹 yermi.tistory.com - 네이버 지도에서 정보 창 띄우기 정보 창을 만들기 앞서, 지도와 마커를 생성한다. // 서울시청으로 지도, 마커 띄우기 var cityhall = new naver.maps.LatLng(37.5666805..
[API] 웹 페이지에 카카오맵 지도 띄우기 [Kakao Map API 키 발급 및 사용하기]
- 웹 페이지에 카카오맵 띄우기 - 카카오맵 API 키 발급 방법 : https://apis.map.kakao.com/web/guide - 지도를 담을 영역 만들기 - 실제 지도를 그리는 API 불러오기 - 지도를 띄우는 코드 작성 var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표. level: 3 //지도의 레벨(확대, 축소 정도) }; var map = new kakao.maps.Map(container, options); //지도 생성 및 객체..
[API] 웹 페이지에 네이버 지도 띄우고 마커 찍기 [네이버 Maps API 사용하기]
- 웹 페이지에 네이버 지도 띄우고 마커 찍기 1. Naver Maps Application 등록 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 2. 웹 페이지에 지도 띄우기(+ 마커 찍기) 페이지 head 태그에 아래의 스크립트를 추가해준다. YOUR_CLIENT_ID에는 본인의 Client ID를 입력한다. body 태그에 지도를 띄울 공간을 만든다. body 태그 내에 script 태그를 생성한다. 아래의 코드는 지도를 띄우는 코드이다. 첫 번째 인수는 지도를 표현할 컨테이..