라라벨 도로명 주소 폼 넣기 및 주의 사항 팝업 안닫힘

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는 삭제하는 게 좋다.

좋은 웹페이지 즐겨찾기