[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 키 발급 방법 : 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); //지도 생성 및 객체..

- 웹 페이지에 네이버 지도 띄우고 마커 찍기 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 태그를 생성한다. 아래의 코드는 지도를 띄우는 코드이다. 첫 번째 인수는 지도를 표현할 컨테이..

[API] 쉽고 빠른 PG 결제 연동 API, 아임포트(iamport) [아임포트 회원가입, 아임포트 (구)관리자콘솔] - 결제 API, 아임포트(iamport) 1. 아임포트(iamport)란? 무료로 PG 결제를 연동해주는 결제 연동 API PG(Payment Gateway)란? 온라인에서 상품이나 서비스를 결제할 때 다양한 수단으로 결제하도록 지원하는 yermi.tistory.com - 아임포트(iamport) 활용하여 결제창 띄우기 아임포트 가입에 이어, 이번엔 아임포트를 활용하여 결제창을 띄어보려고 한다. 1. 아임포트 라이브러리 추가하기 아임포트 적용하려는 페이지에 제이쿼리와 아임포트 라이브러리를 추가한다. (아임포트 버전 확인은 여기에서) 2. 결제 준비하기 페이지에 가맹점 식별코드를 이용하..

- 결제 API, 아임포트(iamport) 1. 아임포트(iamport)란? 무료로 PG 결제를 연동해주는 결제 연동 API PG(Payment Gateway)란? 온라인에서 상품이나 서비스를 결제할 때 다양한 수단으로 결제하도록 지원하는 서비스이다. PG사는 카카오페이, 이니시스, 다날, 네이버페이 등 여러 회사가 존재한다. → 아임포트를 사용하면 PG사 변경에 따른 추가 개발이 필요하지 않다는 장점이 있다. * 참고로 아임포트는 개발의 편의성이 있을 뿐, PG사에 심사 받는 것은 별개이다. 2. 아임포트 가입하기 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 아임포트와 함께하세요 www.iamport.kr [API] 아임포트(iamport) 활용하여 결제 페이지..