이번 포스팅에서는 카카오 맵 API를 쓰다 만났던 오류 사항에 대해 포스팅해보고자 합니다.

간단하게 상황을 설명해 보자면 카카오 맵 API를 사용해서 웹 사이트를 구현했고, 그걸 Netilfy를 사용해서 배포를 한 상황이었습니다. 분명 몇 달 전까지만 해도 화면에 잘 보이는 것 같았는데 얼마전에 그 링크를 확인해 보니까 하얀 빈 페이지만 나왔습니다. 개발자 도구를 열어 콘솔을 살펴보니

net::ERR_ABORTED 401
TypeError: Cannot read properties of undefined (reading 'maps')
이런 오류가 나는 상황이었습니다.
분명 모든게 잘 연결이 되었고, 전에 잘 나오는 것도 확인했는데... 코드는 변한게 없는데 왜 안나오나 많이 답답했었는데요.. 결국 이것 때문에 안나왔던 것이었습니다!

💡 해결방법

결론부터 말하자면 Netilfy의 링크가 변경되어 카카오개발에 등록해 뒀던 링크랑 안맞아서 빈 페이지만 나오는 거였습니다...!! 🧨🧨🧨
카카오개발 플랫폼에 엉뚱한 링크를 넣어놓았으니 당연히 안나오는거지요..

그래서 카카오개발 사이트로 가서 로그인을 하신 후 헤더에 있는 내 애플리케이션 메뉴를 눌러줍니다.
이렇게 하면 아마 전에 본인이 등록해뒀던 프로젝트 애플리케이션이 나올 것 입니다. 그걸 클릭해서 들어가 보면 왼쪽 사이드 메뉴에 플랫폼을 클릭해줍니다. 들어가서 화면을 보시면 이런식으로 Android / ios / Web 이라고 나옵니다.

저는 웹 사이트에서 카카오맵 api를 사용해서 웹페이지를 만들었으니 여기서는 Web이 되겠죠. Web 오른쪽 부분을 보시면 수정하기 버튼이 나옵니다. 이제 여기서 내가 만들었던 링크를 넣어주시면 됩니다!!

❗ 아, 만약 링크를 수정해서 등록했을 때, 내가 링크를 맞게 썼는데도 등록이 안되고 계속 이런 오류가 난다면
링크 뒤에 있는 " / " 이거를 지우고 다시 저장을 하면 등록이 잘 됩니다.

⭐⭐⭐
이렇게 해서 카카오맵 api를 사용 시 나타났던 문제점을 해결하는 과정을 블로그에 포스팅해봤습니다. 같은 오류때문에 고생하시는 분들이 제 블로그를 보고 도움이 되면 좋겠네요. 오늘은 이것으로 블로그 포스팅을 마치겠습니다!