[kakaoAPI] 위도,경도 값을 이용해 주소 받아오기

---

💬 들어가며

 

공모전 개발을 진행하며 위도, 경도 값을 이용하는 부분이 있어 Geolocation을 통해 위도 경도 값을 받아와 사용중이었다.

이번엔 현재위치를 띄워야 하는 상황이 생겨 받아왔던 위도, 경도 값을 이용해 상세 주소를 받아오는 방법을 공유해본다.

 

 

❓ 문제 상황

 

Cannot find Authorization : KakaoAK header

kakao API 를 이용해 다양한 기능들을 구현하는 방식은 다른 블로그들, 공식 문서 등에 자세히 나와있다. 따라하던 와중 계속해서  위와같은 오류가 발생했다. 

 

초기에는 401 오류자체가 권한 문제라는 생각에 내 Key값, IP, 호스트 주소설정등이 문제인줄 알고 뻘짓을 하다가. 다른분이 작성하신 질문 글을 보고 형식이 잘못된 것을 알았다. 

 

 

💡 문제 해결

 

 const fetchAddress = async () => {
        try {
          const response = await axios.get(`https://dapi.kakao.com/v2/local/geo/coord2address.json?input_coord=WGS84&x=${longitude}&y=${latitude}`, {
            headers: {
              Authorization: '내 Rest Key 값',
            },
          });

이런 식으로 header 에 해당 키값만 적용하고 있었다. 

 

const response = await axios.get(`https://dapi.kakao.com/v2/local/geo/coord2address.json?input_coord=WGS84&x=${longitude}&y=${latitude}`, {
            headers: {
              Authorization: 'KakaoAK' + ' ' + '내 Rest API 키값',
            },
          });

 

위와 같이 띄어쓰기 까지 확실히 적용해줘야 한다. 

 

이렇게 해도 안된다면, 처음에 내가 했던 뻘짓과 같이 IP, 등록된 주소 등을 확인해 보길 바란다.

 

사이트 도메인 확인

카카오 디벨롭 -> 내 애플리케이션 -> 앱설정 -> 플랫폼 -> Web 사이트 도메인 확인 

 

 

📚 마치며

 

한참을 헤메고 성공한뒤 보면 별거 아닌 걸로 항상 시간을 보냈다. 이번에도 허무하고 성공적인 결과와 함께 공식문서 확인을 잘하자는 교훈을 배우고 간다.

 

 

---

🔗 참고

https://developers.kakao.com/docs/latest/ko/local/dev-guide#address-coord

Kakao Developers

https://devtalk.kakao.com/top?period=weekly 

카카오 데브톡