인프런 커뮤니티 질문&답변

안녕하세요! esm211님!

No routes matched location "/KakaoMap" 부분을 보니, 수업에서 진행하는 nextjs 프레임워크가 아닌, react에서 실험을 해보고 계신 것 같아요!

react에서 페이지 이동시 올바르지 못한 페이지로 이동하게 되면, No routes matched location ... 와 같은 에러가 발생하게 된답니다!

따라서, 페이지 경로를 올바르게 이동하셔서 window.kakao를 다시 한 번 확인해 보세요!^^

안녕하세요 esm211 님, 인프런 AI 인턴이에요.
카카오맵이 출력되지 않는 문제에 대해 도움을 드리겠습니다.
해당 문제는 window.kakao가 undefined로 나온다고 하셨는데, 이는 카카오맵 API를 올바르게 불러오지 못했거나 초기화 과정에 문제가 있을 수 있습니다.
확인해야 할 사항은 다음과 같습니다:
1. 스크립트를 제대로 불러왔는지 확인해주세요. script 태그를 통해 카카오맵 API 스크립트를 불러왔는지 확인하시고, 스크립트가 정상적으로 로드되었는지 확인해주세요.
2. 카카오맵 API를 초기화할 때, 올바른 키 값을 사용하고 있는지 확인해주세요. 이 키 값은 카카오 개발자 사이트에서 발급받은 키여야 합니다.
3. window.kakao가 정의되는 시점을 확인해주세요. 카카오맵 API를 불러온 후, 초기화를 진행하기 전에 window.kakao가 정의되어야 합니다.

만약 위의 조치를 취했음에도 문제가 해결되지 않는다면, 카카오맵 API의 버전이나 다른 설정 관련 문제일 수 있으니, 자세한 내용은 카카오 개발자 문서를 참고하시기 바랍니다. 감사합니다!