프로젝트 참고 (달력, 차트, 지도, 우편번호API)

 

 

- 달력

 

https://fullcalendar.io/demos

 

 

 

- 차트 

 

https://www.chartjs.org/docs/latest/samples/information.html

 

 

 

https://developers.google.com/chart/interactive/docs

 

 

 

 

 

- 지도  

 

https://apis.map.kakao.com/web/sample/

 

 

 

 

* 다음 우편번호 검색 API 

 

https://postcode.map.daum.net/guide

Daum 우편번호 서비스

 

 

 

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

이 스크립트 추가 

 

 

$("#btn-open-daum").click(function() {
    new daum.Postcode({
           oncomplete: function(data) {	           
               $(":input[name=zipcode]").val(data.zonecode);	// data.zonecode : 우편번호 값 
               $(":input[name=addr1]").val(data.roadAddress);	// data.roadAddress : 도로명주소 값
           }
       }).open();
})

 

name=zipcode 인 곳에 우편번호값 넣음 (data.zonecode)

name=addr1 인 곳에 도로명주소값 넣음 (data.roadAddress)