티스토리 뷰

Javascript

[API] 다음카카오 우편번호 API

종벌🍀 2023. 9. 19. 11:44
반응형

 



 

 

 

우편번호 검색 API가 정부것도 있고 기업것도 있는데

나는 다음카카오가 쓰기 편해서 주로 사용한다.

 

 

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

function daumPostCode() {
	new daum.Postcode({
		oncomplete: function(data) {
			const isRoadAddr = data.userSelectedType === 'R';
			let address = isRoadAddr ? data.roadAddress : data.jibunAddress;

			if(data.bname) {
				address += ' (' + data.bname + ') ';
			}

			if(data.buildingName) {
				address += ', ' + data.buildingName;
			}

			$('#zipcode').val(isRoadAddr ? data.zonecode : data.postcode);
			$('#address').val(address);
		}
	}).open();
}

 

나는 간단하게 사용중이다.

userSelectedType 이 R (도로명) 이면 도로명주소로 아니면 지번주소로 

bname (동이름) 이 존재하면 검색한 주소뒤에 괄호로 붙여주고

buildingName (건물명) 이 존재하면 콤마(,) 찍고 건물명 써주게끔 하였다.

 

그리고 도로명과 지번에 따라 우편번호를 넣어주고

셋팅된 주소를 주소 text에 기입하고 끝.

 

 

이 정도만 써도 크게 사용에 문제는 없는듯 하다.

 

더 많은 기능이 필요하시면 다음카카오 API를 보고 활용하면 될 듯 하다.

 

 

 

 



 

 

 

 

 

 

 

 

Daum 우편번호 서비스

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

postcode.map.daum.net

 

 

 

반응형
댓글
반응형
최근에 올라온 글
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Total
Today
Yesterday