perf: LIVE 모드 매초 선박 재계산 제거 — 동일 참조 반환으로 하위 useMemo 연쇄 차단

- LIVE 모드: enrichedShipsRef 동일 참조 반환
  → currentTime 매초 변경 시에도 visibleShips/filteredShips/shipGeoJson 재실행 안 함
- mtCategory/natGroup: baseShipsKorea 변경 시 1회 새 배열 생성 (useState 불변성 준수)
- REPLAY 모드: propagateShips로 위치 보간 유지 (mtCategory는 spread로 상속)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
htlee 2026-03-23 12:37:58 +09:00
부모 d9ba1b0e1a
커밋 2a2e4e3590

파일 보기

@ -145,15 +145,24 @@ export function useKoreaData({
// Propagate Korea aircraft (live only — no waypoint propagation needed)
const aircraft = useMemo(() => propagateAircraft(baseAircraftKorea, currentTime), [baseAircraftKorea, currentTime]);
// Korea region ships — pre-compute mtCategory/natGroup for O(1) filter lookups
const ships = useMemo(() => {
const propagated = propagateShips(baseShipsKorea, currentTime, isLive);
for (const s of propagated) {
s.mtCategory = getMarineTrafficCategory(s.typecode, s.category);
s.natGroup = getNationalityGroup(s.flag);
}
return propagated;
}, [baseShipsKorea, currentTime, isLive]);
// Pre-compute mtCategory/natGroup on base data change (5-min polling)
// useState 값 직접 변경 불가 → 새 배열을 ref에 저장
const enrichedShipsRef = useRef<Ship[]>([]);
useMemo(() => {
enrichedShipsRef.current = baseShipsKorea.map(s => ({
...s,
mtCategory: getMarineTrafficCategory(s.typecode, s.category),
natGroup: getNationalityGroup(s.flag),
}));
}, [baseShipsKorea]);
// Korea region ships
// LIVE: enrichedShipsRef 동일 참조 반환 → 하위 useMemo 재실행 방지 (매초 currentTime 변경 무시)
// REPLAY: propagateShips로 위치 보간 → 새 배열 반환 (mtCategory는 spread로 상속)
const ships = useMemo(
() => isLive ? enrichedShipsRef.current : propagateShips(enrichedShipsRef.current, currentTime, false),
[baseShipsKorea, currentTime, isLive],
);
// Category-filtered data for map rendering (Set.has = O(1) per ship)
const visibleAircraft = useMemo(