카카오 우편번호 검색

인터넷 쇼핑 사이트의 배송지나 특정 장소의 우편번호(주소)를 입력해야 하는 경우가 있습니다.

 

그런 기능을 개발하는 방법은 간단합니다.

 

예제 화면

 

위의 예제 화면은 사용자로부터 주소를 입력받는 것으로

 

주소 입력창을 선택하면 카카오 주소 검색 팝업창이 표출되고

 

상세주소는 사용자가 직접 입력하면 됩니다.

 

카카오 주소 검색 팝업창 화면

 

카카오 주소 팝업창 검색 화면

 

팝업창에 검색어를 입력하면 위와 같이 검색 결과가 표출되고

 

검색 목록에서 하나를 선택하면 해당 주소 정보를 확인할 수 있습니다.

 

해당 주소 정보

 

선택한 주소 정보를 위와 같이 콘솔 로그를 통해 확인할 수 있습니다.

 

해당 예제 파일 첨부하겠습니다.

 

우편번호 검색 기능은 http/https통신일 때 지원되기 때문에 html파일 바로 실행하면 정상적으로 실행되지 않습니다.

 

로컬 실행 에러 화면

 

kakako_test.html

0.00MB