Javascript [ 우편번호 ]

daum.Postcode 의 생성자 속성

• oncomplete : 정보를 받아서 처리
• addressType : 검색된 기본 주소 타입 : R(도로명), J(지번)
• userSelectedType : 사용자가 선택한 도로명/지번
• bname : 법정동/법정리 이름
• zonecode : 2015년 8월 1일 부터 시행한 새 우편번호

---

우편번호 찾기

• API 이용하여서 선택한 검색결과만 받기 ( 다음 API 경우 )

new daum.Postcode({
	oncomplete: function(data) {	// 검색결과를 클릭한 경우
      let addr = '';		// 주소
      let extraAddr = '';	// 참고 주소
      
      if(data.userSelectedType === 'R'){	// 도로명주소 입력
      	addr = data.roadAddress;
      }
      else{		// 지번 주소 입력
        addr = data.jibunAddress;
      }
      // ======================================= //
      if(data.userSelectedType === 'R'){   
        // 도로명 주소, 지번주소 입력
        if(data.bname !== '' 
           && /[동|로|가]$/g.test(data.bname)){
          // .test(문자) => 정규표현식 검사가 맞는지 확인
        	extraAddr += data.bname;
        }
        // 건물명, 공동주택(아파트) 입력
        if(data.buildingName !== ''
           && data.apartment === 'Y'){
        	extraAddr += '(' + extraAddr + ')';
        }
        // 참고 주소 필드값에 넣기
        document.getElementById("extraAddress").value
        										= extraAddr;
      //================================================= //
      }
      else{
      	document.getElementById("extraAddress").value = '';
      }
      // === 우편번호와 주소 정보 해당 필드에 넣기 === //
      document.querySelector("input#postcode").value 
        									= data.zonecode;
      document.querySelector("input#address").value = addr;
    }	// end of oncomplete: function(data)-----------
})

---

참고

daum API : https://postcode.map.daum.net/guide#attributes

---

정리

• 14_daum_address_search
  -> daum_address_search.html, daum_address_search.css, daum_address_search.js