질문 세개요.

아래내용 돌려보면 콘솔이 여러개 찍히는데 왜그런건가요?
const { naver } = window 가 있던데 저 naver엔 왜 {}이게 쳐있고( {}이거 지우면 작동안되네요 ), window는 왜 있는거에요?
그리고 if (!mapRef.current || !naver) return; 이것도 이해가 안가네요.

import React, { useEffect, useRef, useState } from 'react';
import { NaverMap, RenderAfterNavermapsLoaded } from 'react-naver-maps';

function Map(){  
  let [latitude,setLatitude] = useState(0);
  let [longitude,setLongitude] = useState(0);

  navigator.geolocation.getCurrentPosition(function(pos) {
    console.log(pos);
    latitude = setLatitude(pos.coords.latitude);
    longitude = setLongitude(pos.coords.longitude);
    // alert("현재 위치는 : " + latitude + ", "+ longitude);
    });

  const mapRef = useRef(null);
  useEffect(()=>{
      const { naver } = window;
    if (!mapRef.current || !naver) return;

    // 지도에 표시할 위치의 위도와 경도 좌표를 파라미터로 넣어줍니다.
    const location = new naver.maps.LatLng(latitude, longitude);
    const mapOptions= {
      center: location,
      zoom: 17,
      zoomControl: true,
      zoomControlOptions: {
        position: naver.maps.Position.TOP_RIGHT,
      },
    };
    const map = new naver.maps.Map(mapRef.current, mapOptions);
    new naver.maps.Marker({
      position: location,
      map,
    });
  },[Map])

return (
  <div ref={mapRef} style={{ height: '70vh' }} />
 
 
  );
};

export default Map;