3. Spring MVC - 카카오 우편서비스 API 사용

 

JSP 페이지

 

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

<script>
function address(){
		    new daum.Postcode({
		        oncomplete: function(data) { //선택시 입력값 세팅
		            document.getElementById("roadFullAddr").value = data.address; // 주소 넣기
		        }
		    }).open();
}
</script>



<label for="email_address">우리동네(Town) *</label> 
<input type="hidden" id="confmKey" name="confmKey" value=""  >
<input type="text" class="form-control" id="roadFullAddr" name="roadFullAddr"  value="" placeholder="주소검색을 눌러 우리동네를 설정하세요." readonly="readonly"><br>
<button type="button" class="btn alazea-btn w-80" style="width:50pt;height:30pt;float: right;" onclick="goPopup();">주소검색</button> <br>

 

 

 

 

 

 

 

참고

카카오 우편서비스 https://postcode.map.daum.net/guide