네이버 지도 API 질문입니다!

안녕하세요
저는 고등학교에 다니고 있는 학생입니다
지도 api를 사용해서 무언가 만들어 보고자 하는데, 문제가 생겨서 글을 쓰게되었습니다

네이버 지도 api에서 WebDynamicMap을 사용했습니다


서비스 url주소에 제 아이피 주소를 넣어보기도 하고
위의 사진 처럼 로컬호스트(?)주소를 넣어보기도 했습니다

그런데 html파일을 실행하면 지도가 잠깐 뜨고는
"네이버 지도 Open API 인증이 실패했습니다"라는 문구가 뜨더군요

코드는 네이버에서 제공하는 예제를 사용했고
메모장에 코드를 작성해서 html로 확장자를 바꾼 후 웨일로 실행했습니다

제 컴퓨터에서 로컬 테스트를 해보고 싶은데 방법이 없을까요…
고수님들 도와주세요 T.T

제가 잠깐 써본 기억으로는 세팅을 이렇게 했거든요.

http://127.0.0.1
https://localhost

localhost로 https, 127.0.01로 http. 왜 이렇게 했는지 기억은 안나지만… 이렇게 했던 기억이 납니다.
코드도 네이버 예제 코드 그대로 했었고


사진처럼 다 때려넣어 봤는데 안되는군요…
메모장에 적어서 html을 실행하는 것이 문제인 걸까요?
(가린 부분은 제 ip입니다)

혹시 도메인 주소가 필요한 거라면, ngrok 라는게 있읍니다.

그렇다면 도메인이나 IP문제는 아닌 것 같고, 직접적으로

네이버 API에 인증하는 코드를 봐야겠네요. 클라이언트ID랑 클라이언트Secrect 같이 중요한 정보를 가리고 올려볼래염?


왼쪽은 실행화면이고(지도가 잠깐 떴다가 인증이 실패했다는 이미지로 바뀝니다)
오른쪽은 콘솔창입니다
제목 없음
실행할 때는 바탕화면에 있는 html파일을 클릭해서 웨일로 켭니다

예상되는건 저 html파일을 더블클릭해서 켠다든걸 보니까 웹서버는 안돌리나 보네요. 그러면 url이 일반적인 http가 아니라 저 html파일이 있는 경로가 나오거든요. Nginx나 node.js같은 프로그램을 이용해서 로컬 서버를 돌리고 html파일을 로컬서버로 받게 해보세요

해결했습니다!


금요일에 네이버에 문의를 했는데
답변이 도착해서 한번 시도해봤습니다

[file://주소]형식으로 작성해봤는데 잘 작동됩니다
다만 파일 위치에 한글이 들어가니까 자꾸 오류가 뜨더라고요

image
그래서 지금은 위의 사진처럼 설정해두었습니다
이렇게 하니까 제 pc에 있는 파일을 모두 정상적으로 실행할 수 있었습니다
(이렇게 C드라이브로 설정하니까 주소에 한글이 들어가도 상관 없더군요)

안되면 웹서버를 열어야 되나…생각하고 있었는데 다행입니다
도와주셔서 감사합니다