[Javascript] 카카오(Daum) 주소 찾기 API 사용하기

[Javascript] 카카오(Daum) 주소 찾기 API 사용하기

 

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

Daum 우편번호 서비스

주소, 우편번호 입력 기능.

 

많은 웹사이트에서 사용하는 주소입력 팝업을 보면 다음과 같은 형태를 많이 볼 수 있다. 

 

 

Daum에서 제공하고 있는 우편번호 api 서비스인데, key발급도 필요 없고 사용법도 매우 편리하다.

다음 우편번호 서비스

가이드에서 설명하는대로 그대로 적기만 하면 되는데, 사용방법은 아래와 같다.

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

 

그냥 이 코드면 끝이다.

 

가이드 페이지에서 여러가지 케이스로 팝업 호출 및 데이터 반환을 확인할 수 있으며, 테마 변경도 가능하다.