본문 바로가기
IT개발/node.js

kakao RestAPI Geocode(주소 to 좌표)

by jusyBear 2023. 8. 7.
반응형

node.js에서 카카오 restapi를 이용해서 geocode를 하는 방법을 오늘은 설명해보려고 한다.

 

우선 기본적으로 npm으로 초기 세팅을 잡아주고, axios라이브러리를 설치하는 방법은 간단하게만 설명하겠다.

우선 폴더를 하나 만들고 npm init을 입력하면 설정을 잡아주는 방법이 나온다, 그러고 npm install axios를 하게 되면 axios의 라이브러리를 설치하는 것 까지는 끝!

 

이것보다 자세한 설명을 원하면 조금 더 공부를 하고 찾아보는 걸 추천한다.

 

우리의 목적은 kakao restapi를 이용해서 geocode를 하는 방법이니까!

 

이제 준비가 끝났으면 kakao에서 restapi를 이용하기 위한 service key를 발급 받아보자!

 

아래 출처를 참고해서 발급 받으면 쉽게 발급 받을 수 있다.

https://stickode.tistory.com/447

 

[Javascript] Kakao 지도 Javascript API 를 사용해서 지도 표시 및 마커 찍기

안녕하세요 오늘은 카카오 지도 api 를 사용해서 지도를 띄우고 마커를 찍어보겠습니다. https://apis.map.kakao.com/web/guide/ Kakao 지도 API 페이지에 들어가서 안드로이드, 웹, iOS 중 웹을 선택합니다. Kak

stickode.tistory.com

 

이렇게 발급 받은 후에는 이제 적용을 해야 하는데, 위에 참고 사이트는 kakao map을 통한 방법으로 javascript를 이용한 방법이다.

 

우리는 백엔드에서 restapi를 이용해서 값만을 가져올 예정이기 때문에, utils라는 폴더에 geocode.js라는 파일을 만들어서 작업을 해줬다.

const axios = require("axios");

module.exports = {
  transAddressToGeocode: async function(address) {
    const geocodeUrl = 'http://dapi.kakao.com/v2/local/search/address.json?query=';
    const geocodeServiceKey = '여기에 발급 받은 서비스키중에서 REST API 키 입력';
    const UriAddress = encodeURIComponent(address);

    axios.get(geocodeUrl + UriAddress, {
      headers: {
        Authorization: 'KakaoAK ' + geocodeServiceKey
      }
    })
    .then(response => {
      console.log("restapi - geocode result: \n", response.data);
    })
  }
}

위와 같이 작성해 주고, 다른언어에서 main인 app()내에서 불러와주면 된다.

const { transAddressToGeocode } = require('./src/utils/geocode.js');
app() {
    const address = "서울특별시 강남구 역삼동 725-54번지";
    const result = transAddressToGeocode(address);
}

이렇게 하면 간단하게 geocode를 구현할 수 있다.

 

결과 확인

geocode 결과

 

반응형