티스토리 뷰

반응형

카카오에서 제공하는 지도 API를 사용하기 위해 애플리케이션을 생성하고 키를 발급받아보자.

 

 

 

 

 

 

카카오 애플리케이션 생성하고 키 발급 받기

 

1) 카카오 개발자 페이지에서 로그인한다.

 

 

2) 내 애플리케이션으로 들어가 애플리케이션을 추가한다.

 

Kakao Map api

 

 

 

3) 앱 이름과 사업자명을 작성한다. 중요하지 않으니 대충 적는다.

 

Kakao Map api

 

 

 

4) 애플리케이션을 생성하고 클릭해서 들어가면 앱 키를 확인할 수 있다.

 

Kakao Map api

 

 

 

5) 플랫폼-Web에서 사이트 도메인을 등록해준다.

로컬 경로도 등록해주어야 한다. 리액트라면 http://localhost:3000을 등록한다.

배포 시에는 배포 사이트의 도메인으로 변경한다.

 

Kakao Map api

 

 

 

 

 

 

 

카카오 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 명세에 들어가면 확인할 수 있다.

반응형
반응형
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30