티스토리 뷰
반응형
카카오에서 제공하는 지도 API를 사용하기 위해 애플리케이션을 생성하고 키를 발급받아보자.
카카오 애플리케이션 생성하고 키 발급 받기
1) 카카오 개발자 페이지에서 로그인한다.
2) 내 애플리케이션으로 들어가 애플리케이션을 추가한다.
3) 앱 이름과 사업자명을 작성한다. 중요하지 않으니 대충 적는다.
4) 애플리케이션을 생성하고 클릭해서 들어가면 앱 키를 확인할 수 있다.
5) 플랫폼-Web에서 사이트 도메인을 등록해준다.
로컬 경로도 등록해주어야 한다. 리액트라면 http://localhost:3000
을 등록한다.
배포 시에는 배포 사이트의 도메인으로 변경한다.
카카오 API 사용하기
1) 민감한 정보이기 때문에 .env 파일을 생성해 관리한다.
따옴표, 띄어쓰기 없이 적는다.
KAKAO_API_KEY=발급받은키
리액트의 경우 'REACT_APP_' 예약어를 반드시 적어준다.
REACT_APP_KAKAO_API_KEY=발급받은키
2) index.html <header></header> 사이에 아래 코드를 삽입한다.
앞에서 작성했던 환경 변수는 %% 사이에 넣어준다.
(index.html)
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=%KAKAO_API_KEY%"></script>
그 외 사용법은 카카오 지도 API 명세에 들어가면 확인할 수 있다.
반응형
'ETC.' 카테고리의 다른 글
Postman에 Swagger API 연동(import) 하는 방법 (0) | 2022.11.10 |
---|---|
VSCode 터미널 바로 꺼지는 현상 해결 방법 (0) | 2022.08.21 |
createapp으로 웹 프로젝트 초기 세팅 (Setup) 쉽게 하기 (0) | 2022.03.01 |
네이버 OPEN API KEY 발급받는 방법 (0) | 2022.02.16 |
포스트맨으로 네이버 OPEN API 실행하고 테스트까지 (1) | 2022.01.26 |