지도크기오류 수정

App.tsx

@@ -58,6 +58,24 @@ const UserLocationIcon = L.divIcon({
   iconAnchor: [20, 20],
 });
 
+const MapResizer = () => {
+  const map = useMap();
+  useEffect(() => {
+    const handleResize = () => {
+      setTimeout(() => {
+        map.invalidateSize();
+      }, 100);
+    };
+    
+    // Initial resize to fix gray area on load
+    handleResize();
+
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, [map]);
+  return null;
+};
+
 const ChangeView = ({ center, zoom }: { center: [number, number], zoom?: number }) => {
   const map = useMap();
   useEffect(() => {
@@ -365,7 +383,8 @@ const App: React.FC = () => {
       </div>
 
       <div className="flex-1 relative">
-        <MapContainer center={mapCenter} zoom={17} zoomControl={false}>
+        <MapContainer center={mapCenter} zoom={currentZoom} zoomControl={false} style={{ height: '100%', width: '100%' }}>
+          <MapResizer />
           <ChangeView center={mapCenter} />
           <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
           <MapInterface