엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

선생님 안녕하세요. 좋은강의 너무 감사드립니다!

다름이 아니라 이번 강의에서

MapSection.tsx에서

const MapSection = () => {
  const { initializeMap } = useMap();
  const onLoadMap = (map: NaverMap) => {
    initializeMap(map);
  };

  return (
    <>
      <Map onLoad={onLoadMap} />  // 이부분
      <Markers />  // 이부분
    </>
  );
};

export default MapSection;

이런식으로 return값에

위에 Map 컴포넌트, 아래에 Markers컴포넌트가 왔잖아요.

그래서 저는 맵위에 마커들을 덮어씌우는(?)형식으로 나오게 될 줄 알았습니다. 그런데 결과를 보니,

이렇게 map div밑에 자식으로 들어가있더라구요. 어떻게 이렇게 되는지 설명해주시면 감사하겠습니다!!