서버오류 수정

frontend/src/components/MarketSearchPanel.tsx

@@ -5,6 +5,7 @@ import {
   toggleFavorite,
   FAVORITES_CHANGED_EVENT,
 } from '../utils/marketStorage';
+import { UPBIT_API } from '../utils/upbitApi';
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 interface MarketInfo {
@@ -21,14 +22,21 @@ interface TickerInfo {
 }
 
 // ─── Constants ───────────────────────────────────────────────────────────────
-const UPBIT_API  = import.meta.env.DEV ? '/upbit-api/v1' : 'https://api.upbit.com/v1';
 const TICKER_TTL = 3000;   // 3초마다 시세 갱신
 
-function formatVol(vol: number): string {
-  if (vol >= 1e12) return `${(vol / 1e12).toFixed(1)}조`;
-  if (vol >= 1e8)  return `${(vol / 1e8).toFixed(0)}억`;
-  if (vol >= 1e4)  return `${(vol / 1e4).toFixed(0)}만`;
-  return vol.toLocaleString();
+function formatVol(vol: number | string | null | undefined): string {
+  const v = Number(vol);
+  if (!Number.isFinite(v)) return '-';
+  if (v >= 1e12) return `${(v / 1e12).toFixed(1)}조`;
+  if (v >= 1e8)  return `${(v / 1e8).toFixed(0)}억`;
+  if (v >= 1e4)  return `${(v / 1e4).toFixed(0)}만`;
+  return v.toLocaleString();
+}
+
+function formatChangeRate(raw: number | string | null | undefined): number | null {
+  const rate = Number(raw);
+  if (!Number.isFinite(rate)) return null;
+  return rate * 100;
 }
 
 // ─── Component ───────────────────────────────────────────────────────────────
@@ -86,7 +94,10 @@ export const MarketSearchPanel: React.FC<MarketSearchPanelProps> = ({
   useEffect(() => {
     setLoading(true);
     fetch(`${UPBIT_API}/market/all?isDetails=false`)
-      .then(r => r.json())
+      .then(r => {
+        if (!r.ok) throw new Error(`market/all ${r.status}`);
+        return r.json();
+      })
       .then((data: Array<{ market: string; korean_name: string; english_name: string }>) => {
         const krw = data
           .filter(m => m.market.startsWith('KRW-'))
@@ -129,9 +140,11 @@ export const MarketSearchPanel: React.FC<MarketSearchPanelProps> = ({
     for (let i = 0; i < allCodes.length; i += BATCH) {
       const batch = allCodes.slice(i, i + BATCH).join(',');
       try {
-        const data: Array<{ market: string } & TickerInfo> =
-          await fetch(`${UPBIT_API}/ticker?markets=${batch}`).then(r => r.json());
-        results.push(...data);
+        const res = await fetch(`${UPBIT_API}/ticker?markets=${batch}`);
+        if (!res.ok) continue;
+        const data: unknown = await res.json();
+        if (!Array.isArray(data)) continue;
+        results.push(...(data as Array<{ market: string } & TickerInfo>));
       } catch { /* ignore partial failures */ }
     }
 
@@ -328,7 +341,7 @@ export const MarketSearchPanel: React.FC<MarketSearchPanelProps> = ({
             const isFav     = favs.has(m.market);
             const isAdded   = addedMarkets?.has(m.market) ?? false;
             const isActive  = m.market === currentMarket;
-            const rate      = tk ? tk.signed_change_rate * 100 : null;
+            const rate      = tk ? formatChangeRate(tk.signed_change_rate) : null;
             const isUp      = rate !== null && rate >= 0;
 
             return (
@@ -373,7 +386,9 @@ export const MarketSearchPanel: React.FC<MarketSearchPanelProps> = ({
                 {!embedded && (
                   <>
                     <span className="msp-col msp-col-price">
-                      {tk ? tk.trade_price.toLocaleString() : '-'}
+                      {tk && Number.isFinite(Number(tk.trade_price))
+                        ? Number(tk.trade_price).toLocaleString()
+                        : '-'}
                     </span>
                     <span className={`msp-col msp-col-change ${rate === null ? '' : isUp ? 'up' : 'down'}`}>
                       {rate === null