인프런 커뮤니티 질문&답변

Map.tsx에서

//Map.tsx

if (onLoad) {
      onLoad(map);
    }

이 구문은 왜 쓰인걸까요??

MapSection.tsx 에서 Map을 부르는 부분을 봐도

// MapSection.tsx

import Map from "./Map";

const MapSection = () => {
  return (
    <Map
      onLoad={() => {
        console.log("load!");
      }}
    />
  );
};

export default MapSection;

별다른 기능을 하는 것 같지는 않아서요.

onLoad를 정의하고 있는 Map.tsx의 Props에서도

type Props = {
  mapId?: string;
  initialCenter?: Coordinates;
  initialZoom?: number;
  onLoad?: (map: NaverMap) => void;
};

변수로 NaverMap을 받기만 하고 별다른 기능은 하는 것 같지가 않은데,

혹시 onLoad가 어떤 기능을 하고있는지 알려주실 수 있을까요??

++ 추가로,

const map = new window.naver.maps.Map(mapId, mapOptions);

이렇게 했을 때, 어떻게

<div id={mapId} style={{ width: "100%", height: "100%" }} />

이 태그에 Map이 들어가는지 궁금합니다!