카카오맵 api 사용 ㅠㅠㅠ

Question

안녕하세요~!!!! 프로젝트를 만드는 와중에 궁금한게 있어서 질문드립니다 ㅠㅠ
페이지 3개로 구성된 조그만 웹사이트를 리액트를 사용하여 만들고 있습니다. 그런데 문제가 생겼습니다.... 페이지 A에서는 지도 api를 사용하지 않고 B에서만 사용을 하고싶은데 제가 index.html 파일에 지도를 그리는것과 지도에 표시할 마커인 2개의 script를 불러와서 페이지 A에서도 카카오맵이 불러와져 성능에 문제가 생기는 것을 알게 되었습니다.

그래서 첫 번째 사진처럼  지도를 그리는 script를 script에 담아 헤더에 넣고, 마커를 그리는 script를 makerscript에 담아 헤더에 넣었습니다. 결과는 지도만 그려지고 마커가 안 떠서 어덯게 하면 마커가 뜰지 궁금합니다 ㅜㅜ 도와주세요 ...!! 🥲🥲🥲

1-2 사진: Map.jsx
3 사진: 마커 positions을 불러오는 MarkPosition.jsx
4 사진:  마커를 표시하는 위치, 사진 등이 있는 EventMarker.jsx

김태우 · Answer

지도와 마커를 따로 sdk를 불러오는 걸 처음 보네요...몇 번 사용했던 기억이 있는데 다시 문서를 확인해보시는 것은 어떨까요??

그리고 sdk를 헤더에 넣으시는 이유가 따로 있으신가요?
문서에는 body에 넣는 것으로 나옵니다!

또한 성능적인 부분에서 그렇게 크게 차이날지는 의문이 드네요...
직접적으로 React에서 DOM을 조작하는 것이 나중에 문제가 생길 수 있을지도 모르구요!

(수정) 잠결에 보느라 제대로 보지 못했네요
실행되는 시점 문제가 아니라 sdk를 두 개로 나눠 불러오는 부분이 문제인 거 같아요!
공식문서 보면 불러온 sdk 하나로 다 사용하거든요!