카카오(Daum) 도로명주소 API 사용하기

장다희·2025년 2월 11일

API

목록 보기
1/2

1. API 스크립트 추가

HTML 문서의 <head> 태그 안이나 <body> 태그 끝에 다음 스크립트 태그를 추가한다.

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

2. API 사용 가이드

카카오 도로명주소 API 가이드
위 가이드 페이지에서는 주소 검색 기능을 구현하는 방법에 대한 예제와 설명을 제공한다.

3. 예제 코드의 선택과 수정


가이드 페이지는 여러 예제들을 제공하는데, 원하는 기능에 맞는 예제를 선택하여 만들고자 하는 웹 페이지에 맞게 코드를 수정하면 된다.
나는 팝업을 이용하여 도로명 주소와 지번 주소 모두 보여주기를 선택했다.

4. 적용 모습

0개의 댓글