defer를 안붙이면 위처럼 완전한 객체가 로드 되고
defer를 붙이면 위처럼 일부만 로드 되는데 왜그런건가요?
Next.js 라는 프레임워크에서는 script에 defer를 붙이지 않으면 빌드에러가 떠서
defer를 붙였을때도 완전한 kakao.maps 객체를 불러올수 있는 방법이 있는지 궁금합니다
스크립트 로딩 완료 전에 실행된 것 같습니다.
kakao.maps.load 를 이용해서 스크립트 로딩이 완료된 후 객체 접근할 수 있게 아래 문서 확인해서 적용해주세요.
말씀하신 대로 코드를 작성해도 script tag 에 defer가 있는경우
( <script
type=“text/javascript”
src=“//dapi.kakao.com/v2/maps/sdk.js?appkey=api키&libraries=services,clusterer”
defer
)
위처럼 일부 객체만 로드됩니다
아래 링크는 React 프레임워크에서 지도를 생성하는 예제입니다.
https://codesandbox.io/s/gifted-wescoff-77nwu
예제 참고해서 스크립트가 로딩 된 후 지도를 생성할 수 있게 구성해주세요.