본문 바로가기
카테고리 없음

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

by 오늘도 756 2021. 9. 1.

안녕하세요.

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

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

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

 

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

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

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

 

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net

 

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

 

 

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>

 

 

댓글