[API] 다음 주소 API 사용해보기

안녕하세요.

오늘은 인터넷 주소검색 할때 자주 사용하는 다음 주소 API를 사용해보겠습니다.

다음 주소 API는 Key를 발급 받을 필요도 없으며, 무료로 사용 가능합니다.

또한 행정안전부에서 제공하는 DB를 직접 업데이트를 받고 있어서 최신 데이터를 이용 가능하다는 장점이 있습니다.

 

우선, 카카오에서 제공하는 주소 API 링크입니다.

아래 링크에 접속하면 다음 우편번호 서비스 페이지로 이동하게 되며, 해당 페이지에 사용법이 작성되어 있습니다.

https://postcode.map.daum.net/guide

Daum 우편번호 서비스

 

사용법은 아래와 같이 간단합니다.

 

 

1. 사용하고자 하는 html 페이지 또는 jsp페이지에 아래 코드를 작성합니다.

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>

2. 기본 HTML tag는 아래와 같습니다. 삭제하시거나 수정하셔서 사용하시면 됩니다.

<input type="text" id="sample6_postcode" placeholder="우편번호">
<input type="button" onclick="sample6_execDaumPostcode()" value="우편번호 찾기"><br>
<input type="text" id="sample6_address" placeholder="주소"><br>
<input type="text" id="sample6_detailAddress" placeholder="상세주소">
<input type="text" id="sample6_extraAddress" placeholder="참고항목">

3. 기본 Script 뼈대는 아래와 같습니다. 예제를 보고 사용하면 됩니다.

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
    new daum.Postcode({
        oncomplete: function(data) {
            // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분입니다.
            // 예제를 참고하여 다양한 활용법을 확인해 보세요.
        }
    }).open();
</script>