TIL230315 카카오 주소 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>

1. 클릭을 하게 되면 카카오주소API가 팝업 실행

2. 주소를 검색해서 클릭하면 닫아지면서 자동으로 주소id.value에 입력된다.

3. 다음주소id로 포커싱된다.

 

카카오맵API을 한 번 써보려고 했으나 '개인키'를 써야해서 공유될 빠에

'키'가 공유도 안되고

 

평소에 익숙하면서 친숙한 주소검색을 해주는 카카오API를 프로젝트에 적용하였다.

물론 사전 캠프 때 쓰고 싶었지만 적용 못해서 시간남을 때 쓴 거이긴 하지만 .ㅋ.ㅋ