fix(frontend): 컴포넌트 import 경로 수정 (vite build 실패 해결) (#43)

Co-authored-by: htlee <htlee@gcsc.co.kr>
Co-committed-by: htlee <htlee@gcsc.co.kr>

frontend/src/components/common/CollectorMonitor.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useCallback } from 'react';
-import { fetchCollectorStatus } from '../services/collectorStatus';
-import type { CollectorInfo } from '../services/collectorStatus';
+import { fetchCollectorStatus } from '../../services/collectorStatus';
+import type { CollectorInfo } from '../../services/collectorStatus';
 
 interface CollectorMonitorProps {
   onClose: () => void;

frontend/src/components/common/EventLog.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import type { GeoEvent, Ship } from '../types';
-import type { OsintItem } from '../services/osint';
+import type { GeoEvent, Ship } from '../../types';
+import type { OsintItem } from '../../services/osint';
 
 type DashboardTab = 'iran' | 'korea';
 

frontend/src/components/common/EventStrip.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import type { GeoEvent } from '../types';
+import type { GeoEvent } from '../../types';
 
 interface Props {
   events: GeoEvent[];

frontend/src/components/common/SensorChart.tsx

@@ -10,7 +10,7 @@ import {
   ResponsiveContainer,
   ReferenceLine,
 } from 'recharts';
-import type { SensorLog } from '../types';
+import type { SensorLog } from '../../types';
 
 interface Props {
   data: SensorLog[];

frontend/src/components/common/TimelineSlider.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import type { GeoEvent } from '../types';
+import type { GeoEvent } from '../../types';
 
 interface Props {
   currentTime: number;

frontend/src/components/iran/AirportLayer.tsx

@@ -1,6 +1,6 @@
 import { memo, useMemo, useState } from 'react';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import type { Airport } from '../data/airports';
+import type { Airport } from '../../data/airports';
 
 const US_BASE_ICAOS = new Set([
   'OMAD', 'OTBH', 'OKAJ', 'LTAG', 'OEPS', 'ORAA', 'ORBD', 'OBBS', 'OMTH', 'HDCL',

frontend/src/components/iran/GlobeMap.tsx

@@ -1,8 +1,8 @@
 import { useRef, useEffect } from 'react';
 import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
-import { countryLabelsGeoJSON } from '../data/countryLabels';
-import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../types';
+import { countryLabelsGeoJSON } from '../../data/countryLabels';
+import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../../types';
 
 interface Props {
   events: GeoEvent[];

frontend/src/components/iran/OilFacilityLayer.tsx

@@ -1,7 +1,7 @@
 import { memo, useState } from 'react';
 import { Marker, Popup } from 'react-map-gl/maplibre';
 import { useTranslation } from 'react-i18next';
-import type { OilFacility, OilFacilityType } from '../types';
+import type { OilFacility, OilFacilityType } from '../../types';
 
 interface Props {
   facilities: OilFacility[];

frontend/src/components/iran/ReplayMap.tsx

@@ -8,10 +8,10 @@ import { ShipLayer } from '../layers/ShipLayer';
 import { DamagedShipLayer } from '../layers/DamagedShipLayer';
 import { OilFacilityLayer } from './OilFacilityLayer';
 import { AirportLayer } from './AirportLayer';
-import { iranOilFacilities } from '../data/oilFacilities';
-import { middleEastAirports } from '../data/airports';
-import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../types';
-import { countryLabelsGeoJSON } from '../data/countryLabels';
+import { iranOilFacilities } from '../../data/oilFacilities';
+import { middleEastAirports } from '../../data/airports';
+import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../../types';
+import { countryLabelsGeoJSON } from '../../data/countryLabels';
 import 'maplibre-gl/dist/maplibre-gl.css';
 
 export interface FlyToTarget {

frontend/src/components/iran/SatelliteMap.tsx

@@ -8,10 +8,10 @@ import { ShipLayer } from '../layers/ShipLayer';
 import { DamagedShipLayer } from '../layers/DamagedShipLayer';
 import { OilFacilityLayer } from './OilFacilityLayer';
 import { AirportLayer } from './AirportLayer';
-import { iranOilFacilities } from '../data/oilFacilities';
-import { middleEastAirports } from '../data/airports';
-import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../types';
-import { countryLabelsGeoJSON } from '../data/countryLabels';
+import { iranOilFacilities } from '../../data/oilFacilities';
+import { middleEastAirports } from '../../data/airports';
+import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../../types';
+import { countryLabelsGeoJSON } from '../../data/countryLabels';
 import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
 

frontend/src/components/korea/CctvLayer.tsx

@@ -2,8 +2,8 @@ import { useState, useRef, useEffect, useCallback } from 'react';
 import { Marker, Popup } from 'react-map-gl/maplibre';
 import { useTranslation } from 'react-i18next';
 import Hls from 'hls.js';
-import { KOREA_CCTV_CAMERAS } from '../services/cctv';
-import type { CctvCamera } from '../services/cctv';
+import { KOREA_CCTV_CAMERAS } from '../../services/cctv';
+import type { CctvCamera } from '../../services/cctv';
 
 const REGION_COLOR: Record<string, string> = {
   '제주': '#ff6b6b',

frontend/src/components/korea/CoastGuardLayer.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import { COAST_GUARD_FACILITIES, CG_TYPE_LABEL } from '../services/coastGuard';
-import type { CoastGuardFacility, CoastGuardType } from '../services/coastGuard';
+import { COAST_GUARD_FACILITIES, CG_TYPE_LABEL } from '../../services/coastGuard';
+import type { CoastGuardFacility, CoastGuardType } from '../../services/coastGuard';
 
 const TYPE_COLOR: Record<CoastGuardType, string> = {
   hq: '#ff6b6b',

frontend/src/components/korea/EezLayer.tsx

@@ -1,5 +1,5 @@
 import { Source, Layer } from 'react-map-gl/maplibre';
-import { KOREA_EEZ_BOUNDARY, KOREA_CHINA_PMZ, NLL_WEST_SEA, NLL_EAST_SEA } from '../services/koreaEez';
+import { KOREA_EEZ_BOUNDARY, KOREA_CHINA_PMZ, NLL_WEST_SEA, NLL_EAST_SEA } from '../../services/koreaEez';
 import type { FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
 
 // Convert [lat, lng][] to GeoJSON [lng, lat][] ring

frontend/src/components/korea/InfraLayer.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import type { PowerFacility } from '../services/infra';
+import type { PowerFacility } from '../../services/infra';
 
 // SVG Wind Turbine Icon
 function WindTurbineIcon({ color, size = 14 }: { color: string; size?: number }) {

frontend/src/components/korea/KoreaAirportLayer.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import { KOREAN_AIRPORTS } from '../services/airports';
-import type { KoreanAirport } from '../services/airports';
+import { KOREAN_AIRPORTS } from '../../services/airports';
+import type { KoreanAirport } from '../../services/airports';
 
 export function KoreaAirportLayer() {
   const [selected, setSelected] = useState<KoreanAirport | null>(null);

frontend/src/components/korea/KoreaMap.tsx

@@ -14,11 +14,11 @@ import { NavWarningLayer } from './NavWarningLayer';
 import { OsintMapLayer } from './OsintMapLayer';
 import { EezLayer } from './EezLayer';
 import { PiracyLayer } from './PiracyLayer';
-import { fetchKoreaInfra } from '../services/infra';
-import type { PowerFacility } from '../services/infra';
-import type { Ship, Aircraft, SatellitePosition } from '../types';
-import type { OsintItem } from '../services/osint';
-import { countryLabelsGeoJSON } from '../data/countryLabels';
+import { fetchKoreaInfra } from '../../services/infra';
+import type { PowerFacility } from '../../services/infra';
+import type { Ship, Aircraft, SatellitePosition } from '../../types';
+import type { OsintItem } from '../../services/osint';
+import { countryLabelsGeoJSON } from '../../data/countryLabels';
 import 'maplibre-gl/dist/maplibre-gl.css';
 
 export interface KoreaFiltersState {

frontend/src/components/korea/NavWarningLayer.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import { NAV_WARNINGS, NW_LEVEL_LABEL, NW_ORG_LABEL } from '../services/navWarning';
-import type { NavWarning, NavWarningLevel, TrainingOrg } from '../services/navWarning';
+import { NAV_WARNINGS, NW_LEVEL_LABEL, NW_ORG_LABEL } from '../../services/navWarning';
+import type { NavWarning, NavWarningLevel, TrainingOrg } from '../../services/navWarning';
 
 const LEVEL_COLOR: Record<NavWarningLevel, string> = {
   danger: '#ef4444',

frontend/src/components/korea/OsintMapLayer.tsx

@@ -1,7 +1,7 @@
 import { useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import type { OsintItem } from '../services/osint';
+import type { OsintItem } from '../../services/osint';
 
 const CAT_COLOR: Record<string, string> = {
   maritime_accident: '#ef4444',

frontend/src/components/korea/PiracyLayer.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import { PIRACY_ZONES, PIRACY_LEVEL_COLOR, PIRACY_LEVEL_LABEL } from '../services/piracy';
-import type { PiracyZone } from '../services/piracy';
+import { PIRACY_ZONES, PIRACY_LEVEL_COLOR, PIRACY_LEVEL_LABEL } from '../../services/piracy';
+import type { PiracyZone } from '../../services/piracy';
 
 function SkullIcon({ color, size }: { color: string; size: number }) {
   return (

frontend/src/components/korea/SubmarineCableLayer.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Marker, Popup, Source, Layer } from 'react-map-gl/maplibre';
-import { KOREA_SUBMARINE_CABLES, KOREA_LANDING_POINTS } from '../services/submarineCable';
-import type { SubmarineCable } from '../services/submarineCable';
+import { KOREA_SUBMARINE_CABLES, KOREA_LANDING_POINTS } from '../../services/submarineCable';
+import type { SubmarineCable } from '../../services/submarineCable';
 
 export function SubmarineCableLayer() {
   const [selectedCable, setSelectedCable] = useState<SubmarineCable | null>(null);

frontend/src/components/layers/AircraftLayer.tsx

@@ -1,7 +1,7 @@
 import { memo, useMemo, useState, useEffect } from 'react';
 import { Marker, Popup, Source, Layer } from 'react-map-gl/maplibre';
 import { useTranslation } from 'react-i18next';
-import type { Aircraft, AircraftCategory } from '../types';
+import type { Aircraft, AircraftCategory } from '../../types';
 
 interface Props {
   aircraft: Aircraft[];

frontend/src/components/layers/DamagedShipLayer.tsx

@@ -1,7 +1,7 @@
 import { useMemo, useState } from 'react';
 import { Marker, Popup } from 'react-map-gl/maplibre';
-import { damagedShips } from '../data/damagedShips';
-import type { DamagedShip } from '../data/damagedShips';
+import { damagedShips } from '../../data/damagedShips';
+import type { DamagedShip } from '../../data/damagedShips';
 
 interface Props {
   currentTime: number;

frontend/src/components/layers/SatelliteLayer.tsx

@@ -1,7 +1,7 @@
 import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Marker, Popup, Source, Layer } from 'react-map-gl/maplibre';
-import type { SatellitePosition } from '../types';
+import type { SatellitePosition } from '../../types';
 
 interface Props {
   satellites: SatellitePosition[];

frontend/src/components/layers/ShipLayer.tsx

@@ -1,7 +1,7 @@
 import { memo, useMemo, useState, useEffect } from 'react';
 import { Marker, Popup, Source, Layer, useMap } from 'react-map-gl/maplibre';
 import { useTranslation } from 'react-i18next';
-import type { Ship, ShipCategory } from '../types';
+import type { Ship, ShipCategory } from '../../types';
 import maplibregl from 'maplibre-gl';
 
 interface Props {