실시간 웹소켓 리팩토링

features/trade/hooks/useTradeTickSubscription.ts

@@ -3,12 +3,15 @@ import type { KisRuntimeCredentials } from "@/features/settings/store/use-kis-ru
 import type { DashboardRealtimeTradeTick } from "@/features/trade/types/trade.types";
 import { useKisWebSocketStore } from "@/features/kis-realtime/stores/kisWebSocketStore";
 import {
+  extractKisRealtimeTrId,
   parseKisRealtimeTickBatch,
   resolveTradeTrIds,
+  shouldAcceptRealtimeMessageByPriority,
 } from "@/features/trade/utils/kisRealtimeUtils";
 import type { DomesticKisSession } from "@/lib/kis/domestic-market-session";
 
 const MAX_TRADE_TICKS = 10;
+const STABLE_SOURCE_STALE_MS = Number.POSITIVE_INFINITY;
 
 interface UseTradeTickSubscriptionParams {
   symbol: string | undefined;
@@ -38,6 +41,8 @@ export function useTradeTickSubscription({
   >([]);
   const [lastTickAt, setLastTickAt] = useState<number | null>(null);
   const seenTickRef = useRef<Set<string>>(new Set());
+  const activeTradeTrIdRef = useRef<string | null>(null);
+  const activeTradeTrUpdatedAtRef = useRef(0);
 
   const { subscribe, connect } = useKisWebSocketStore();
   const onTickRef = useRef(onTick);
@@ -59,6 +64,8 @@ export function useTradeTickSubscription({
   // Ref는 렌더링 도중 수정하면 안 되므로 useEffect에서 초기화
   useEffect(() => {
     seenTickRef.current.clear();
+    activeTradeTrIdRef.current = null;
+    activeTradeTrUpdatedAtRef.current = 0;
   }, [symbol]);
 
   // 2. 실시간 데이터 구독
@@ -71,12 +78,29 @@ export function useTradeTickSubscription({
     const unsubscribers: Array<() => void> = [];
 
     const handleTradeMessage = (data: string) => {
+      const incomingTrId = extractKisRealtimeTrId(data);
+      if (!incomingTrId) return;
+
+      // UI 흐름: 소켓 수신 -> TR 우선순위 고정(ST 우선) -> 파싱 -> 상태 반영
+      const shouldAccept = shouldAcceptRealtimeMessageByPriority({
+        incomingTrId,
+        preferredTrIds: trIds,
+        activeTrId: activeTradeTrIdRef.current,
+        activeTrUpdatedAtMs: activeTradeTrUpdatedAtRef.current,
+        // 정규장/동시호가에서는 KRX(ST*) 소스를 한 번 잡으면 유지해 통합(UN*) 값으로 되내려가지 않게 합니다.
+        staleAfterMs: STABLE_SOURCE_STALE_MS,
+      });
+      if (!shouldAccept) return;
+
       const ticks = parseKisRealtimeTickBatch(data, symbol);
       if (ticks.length === 0) return;
 
       const meaningfulTicks = ticks.filter((tick) => tick.tradeVolume > 0);
       if (meaningfulTicks.length === 0) return;
 
+      activeTradeTrIdRef.current = incomingTrId;
+      activeTradeTrUpdatedAtRef.current = Date.now();
+
       const dedupedTicks = meaningfulTicks.filter((tick) => {
         const key = `${tick.tickTime}-${tick.price}-${tick.tradeVolume}`;
         if (seenTickRef.current.has(key)) return false;