티스토리 뷰
반응형
우편번호 검색 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를 보고 활용하면 될 듯 하다.
반응형
'Javascript' 카테고리의 다른 글
[fullCalendar] title 명에 html 태그 적용하기 (feat.ibCalendar) (0) | 2024.02.21 |
---|---|
[Javascript] Object 동적으로 key 값 지정하기. (0) | 2024.01.12 |
[Javascript] 전화번호 자동 하이픈(-) 함수 (2) | 2023.12.07 |
[SemanticUI] dropdown 여러개 사용시 특정 id 이벤트 (0) | 2023.08.09 |
[Javascript] hidden 타입 전체 초기화. (0) | 2023.08.02 |
댓글