카카오 주소 API

html에 추가할 내용

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

<script>
function addressAPI() {
    //카카오 주소 발생
    new daum.Postcode({
        oncomplete: function (data) { //선택시 입력값 세팅
            document.getElementById("주소id").value = data.address; //주소 넣기
            document.querySelector("text[id=주소id]").focus(); //자기소개 포커싱
        }
    }).open();
};
</script>

<input type="text" onclick="카카오API()" id="주소id" readonly>

클릭을 하게 되면 팝업으로 카카오주소API가 실행되면서 해당 주소를 클릭하면 자동으로 입력하게 된다.