카카오맵 API 401오류( net::ERR_ABORTED 401 (Unauthorized )

포트폴리오를 만드는 중 맵 api를 넣으면 좋을 것 같아 시도해보니 위와 같은 오류에 직면했다.

 

정말 해결하려고 구글링을 열심히 했지만 여러 잘해결이 되지 않아 이번 오류는 진짜 엄청 애를 먹었다.

 

우선, 오류의 원인은( 오타가 없다는 가정하에 )

1. https://developers.kakao.com/console/app 내 애플리케이션에 애플리케이션이 잘 등록이됬는지
2. appkey로 JavaScript 키를 사용했는지 확인
3. 도메인 등록이 되어 있는지 

를 확인해서 해결할 수 있다고 하여 먼저 해볼 것.

https://developers.kakao.com/ 내 애플리케이션에 애플리케이션이 잘 등록이됬는지 확인하고, 되있는데도 안된다고 한다면 위의 사진처럼 JavaScript키로 넣었는지 확인하고 코드에 다시 넣어보자.

 

하지만 그랬는데도 안되면 도메인 문제일 확률이 높다. 등록한 애플리케이션에 들어가서 왼쪽 메뉴탭에 플랫폼을 선택하고 아래 사진처럼 수정을 눌러준다.

우선 위와 같은 창에 많은 사람들이 해결책으로 제시하는 http://localhost:8080을 등록해보아라.

 

vscode를 통해 웹페이지를 제작중이었던 나는 위와같은 해결책을 적용해보았지만 역시 오류가 발생해 한참을 더 구글링했다.

처음에는 위처럼 localhost에 사용중인 포트번호를 넣으라 하여 현재 사용중인 vscode프로그램의 포트번호인 5050을 http://localhost:5500로도 넣어보고 그냥 ip로 http://127.0.0.1을 넣어보기도하고 등등 구글링을 통해 나와같은 사람들이 질문하고 답변 받은 솔루션을 다 적용시켰는데도 되지 않아 포기하려했으나 

 

http://127.0.0.1:5500 으로 등록하자 놀랍게도 해결이되었다.

우선 이용하고 있는 포트번호를 확인하고 그 포트번호를 위와 같이 넣어보자.