카카오맵 api 사용 에러 해결 : Uncaught ReferenceError: kakao is not defined

백엔드 교육과정에서 마지막 프로젝트로 진행했던 코드를 개인적으로 확인해보려 전체 코드를 복사 후 하나씩 확인하던 중 카카오맵 api 관련 오류가 발생했다.

 

카카오맵 관련해서는 다른 팀원이 작업을 했던거라 해결이 어려울줄 알았지만 카카오맵 api 사용 방법에 대한 부분이 가이드로 잘 정리가 되어있었기 때문에 문제 해결이 어렵지 않을거라 생각했다.

 

카카오맵 API 가이드 페이지 : https://apis.map.kakao.com/web/guide/

 

그런데, 가이드에 맞게 하라는 대로 다 했는데 계속 동일한 에러가 발생했다.

 

 

 

 

처음에는 권한 관련 에러인 줄 모르고 계속 똑같은 과정만 반복했다.

왜냐하면 인터넷에서 카카오맵 API 사용방법을 찾아봤을때 모두 앱키와 플랫폼 등록에 대한 내용만 있었기 때문이다.

 

그런데 확인하다 보니 앱 권한 신청을 하는 과정이 있는걸 발견하고 그걸 해보니 바로 동작하는걸 확인할 수 있었다.

 

---

 

카카오맵 API 사용방법

1. https://developers.kakao.com/  접속 및 로그인

2. [내 애플리케이션] 클릭

 

3. 애플리케이션 추가하기

 

4. 정보입력 및 저장

 

5. 추가된 애플리케이션 클릭

 

6. 왼쪽 [앱 키] 메뉴 클릭 후 [JavaScript 키] 확인 

 

7. 왼쪽 [플랫폼] 메뉴 클릭 후 [Web 플랫폼 등록]

(기본 도메인의 설명을 보고 자신에게 맞는 도메인 설정)

 

8. 왼쪽 [앱 권한 신청] 클릭 후 중간 [앱 권한] 부분에서 [카카오맵] 메뉴 우측 [신청] 버튼 클릭

(참고로 지금은 신청된 상태라 '신청 불필요'로 보임)

 

 

 

이렇게 권한신청까지 완료하고 나니 다시 맵이 잘 뜬 것을 확인하였다.

 

---

[권한 신청 전]

 

[권한 신청 후]