리액트에서 카카오 api 사용하려는데 지속적인 오류가 나옵니다

JavaScript
1

리액트에서 우편번호 검색을 구현하기 위해 react-daum-postcode 를 설치하고

팝업 형식으로 구현했는데 지속적으로 이와 같은 오류가 나오고 있습니다.

그러다 새로고침을 하지 않고, DaumPostcode 코드가 있는 페이지에서 console.log 등을 호출하도록 저장 후 다시 우편검색, 버튼을 누르면, 정상적으로 우편번호 검색 페이지가 팝업으로 나타납니다.

우편번호를 검색하는 첫 페이지에서는 에러 / 새로고침 후 클릭 시 에러 / 새로고침 하지 않고 콘솔 등 component 저장 후
검색버튼 클릭시 정상적으로 우편번호 페이지 팝업 노출

해당 이슈 한번 확인 부탁드립니다.

image

2

안녕하세요.

데브톡에서는 디벨로퍼스관련 설정과 API 를 안내합니다.
문의주신 다음우편번호 서비스는 디벨로퍼스에서 제공하는 API가 아닙니다.

아쉽지만 해당 문의는 react-daum-postcode 오픈소스 제작자에게 문의 부탁드립니다.

개인적으로는 다음에서 제공하는 postcode.v2.js 를 react-daum-postcode가 동적으로 로드 하도록 두시지 말고 직접 페이지 최상단에 코딩하시길 권해 드립니다. (가이드)