[error]kakaoMap TypeError: window.kakao.maps.LatLng is not a constructor 에러

진행중인 Next.js 프로젝트에서

화면을 랜더링하면서 가장 먼저 kakaomap을 랜더링하도록 만들고 있다. 

 

그런데 

"TypeError: window.kakao.maps.LatLng is not a constructor" 

라는 에러가 가끔 뜨면서 map 랜더링이 됐다 안됐다 하는 현상이 발생했다. 

 

구글링 검색을 해보니 

 

script가 완전히 로드되기 전에 map 관련 메소드를 실행시키려고 하기 때문에 생기는 에러라고 한다.  

kakao.js가 완전히 로드되기 전에 kakao.js 안에 있는 함수에 접근하려고 하니 에러를 뱉어내는 것이다. 

 

해당 내용을 해결하기 위해서 map을 그리는 함수를 선언하고 

useEffect 안에 넣어서 순차적으로 실행되도록 했고, 에러를 해결할 수 있었다.

 

 

 

[Solved] kakao.maps.LatLng is not a constructor