네이버 지도 Open API 인증이 실패하였습니다. 클라이언트 아이디와 웹 서비스 URL을 확인해 주세요., * Error Code / Error Message: 2 / 서버로 전달된 정보에 오류가 있습니다.

본 포스팅은 네이버 지도 Open API 인증이 실패하였습니다. 클라이언트 아이디와 웹 서비스 URL을 확인해 주세요.,  * Error Code / Error Message: 2 / 서버로 전달된 정보에 오류가 있습니다. 에러의 해결 방안에 대해 담고있습니다.

Naver Cloud Platform을 이용하여 파이썬 flask 서버에서 Geocoding을 수행하여 html로 정보를 넘겨주고, html에서는 그 정보를 바탕으로 네이버 지도를 그릴려고 하였는데, 자꾸 위와 같은 에러가 뜨길래 파이썬 플라스크 서버와 html에서 여러 삽질을 하다가 Naver Map API를 가져오는 방식을 하나 고치니 수정할 수 있다는 것을 알게되었습니다.. 

Naver Cloud Platform에서 제공하는 API를 HMTL에서 쓰기위해선 아래와 같이 서브모듈을 작성해주어야합니다. 

  <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=YOUR_CLIENT_ID&submodules=geocoder"></script>

하지만 위 방식은 옛날 방식이고 위 코드의 "clientId"를 "ncpClientId"로 변경해주어야 정상적으로 동작합니다.

<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=YOUR_CLIENT_ID&submodules=geocoder"></script>