샘플 예제에서 api 인증키만 자바스크립트 발급받은 키로 수정하고 나머지 코드는 그대로 복붙하여 실행하였는데 지도와 장소 검색 창까지는 뜨고, 검색하기 버튼을 누르면 아무 변화가 일어나지 않습니다.
오류를 확인해보면
Failed to load resource: the server responded with a status of 401 이러한 오류가 발생하고, 들어가보면 {“errorType”:“AccessDeniedError”,“message”:“cannot find Authorization : KakaoAK header”} 이렇게 뜹니다.
사이트 도메인이 문제일까 싶어 미리 말씀드리자면, 도메인은 http://localhost:8080 이렇게 설정한 상황입니다.
또한 아래 코드에서도 문제가 많이 발생하는 것 같아 미리 첨부해드리자면, 라이브러리도 다 불러왔습니다.
src=“https://dapi.kakao.com/v2/maps/sdk.js?appkey=a857c1df83f53363b60d411edb3d4c2d&libraries=services,clusterer,drawing”