https://postcode.map.daum.net/guide
위 사이트에서 예제 코드 보고 따라서 하면 된다.
주의사항은 자바스크립트 오류가 생기면 팝업이 안닫힌다.
가령,
<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
...
// var guideTextBox = document.getElementById("guide");
// // 사용자가 '선택 안함'을 클릭한 경우, 예상 주소라는 표시를 해준다.
// if(data.autoRoadAddress) {
// var expRoadAddr = data.autoRoadAddress + extraRoadAddr;
// guideTextBox.innerHTML = '(예상 도로명 주소 : ' + expRoadAddr + ')';
// guideTextBox.style.display = 'block';
//
// } else if(data.autoJibunAddress) {
// var expJibunAddr = data.autoJibunAddress;
// guideTextBox.innerHTML = '(예상 지번 주소 : ' + expJibunAddr + ')';
// guideTextBox.style.display = 'block';
// } else {
// guideTextBox.innerHTML = '';
// guideTextBox.style.display = 'none';
// }
}
}).open();
}
</script>
아래와 같이 안쓰는 걸 // 으로 comment out 해도 실제 blade에서 처리 할 때는 comment out이 안된다. 그래서 document.getElementById("guide");
에서 부터 에러가 나면서 팝업이 안닫힐 수 있다.
그래서 그냥 안쓰는 code comment는 삭제하는 게 좋다.