혼자서도 잘해요

Daum&카카오 우편번호 API 사용법(ASP.NET) 본문

개발생활/HTML | CSS | 자바스크립트

Daum&카카오 우편번호 API 사용법(ASP.NET)

hyed3 2021. 5. 26. 13:49

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

 

Daum 우편번호 서비스

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

postcode.map.daum.net

1. 위 링크에서 아래와 같은 코드를 긁어와 사용할곳에 붙인다.

 

2. 링크에서 아래와 같은 function을 긁어와 <script></script>안에 넣어준다.

 

 

3. 링크에 들어가면 아래 캡쳐와 같이 데이터 종류에 대해 설명 되어있다.

내가 사용한 document.getElementById("adress1").value = data.adress; 를 예로들면

id가 adress1인 요소의 value에 data.address를 주겠다는 뜻이다.

adress는 아래 써있듯이 기본주소 데이터를 받아올수 있다.

 

 

-> 자식창에서 우편번호 API 사용하는 방법

 

자식창에서 Daum&카카오 우편번호 API 사용하기 (우편번호API 오류 해결, ASP.NET)

자식창에서 우편번호 API 데이터를 가지고 오려했더니 아무 동작을 하지않는 오류가 났다. 정확히는 API에서 원하는 주소를 검색후, 해당 주소를 클릭하면 창이 자동으로 종료되면서 value 값이 들

hyed3.tistory.com