› ); } // ─── 네이버 뉴스 라이브 훅 (백엔드 /v1/news 경유) ───────── // 백엔드(네이버 검색 API)가 살아있으면 실거래가 관련 뉴스를 받아 호재/악재 자동 분류. // 미연결 시 items=null → 큐레이션 이벤트로 폴백. function useLiveMarketNews() { const [state, setState] = useState({ loading: true, items: null }); useEffect(() => { let alive = true; // 같은 도메인 Pages Functions → 상대경로가 가장 확실 (호스트 감지 불필요) const bases = ['', window.UJTrack.API_BASE].filter((v, i, a) => a.indexOf(v) === i); const tryLoad = async () => { for (const b of bases) { try { const r = await fetch(b + '/v1/news?query=' + encodeURIComponent('부동산 아파트 실거래가'), { cache: 'no-store' }); if (!r.ok) continue; const d = await r.json(); const raw = (d.items || []).slice().sort((a, b) => new Date(b.pubDate || 0) - new Date(a.pubDate || 0)); if (raw.length) { const mapped = raw.slice(0, 10).map((n, i) => { const cls = classifyNews((n.title || '') + ' ' + (n.description || '')); return { id: 'news_' + i, live: true, title: stripTags(n.title), summary: stripTags(n.description), link: n.link, pub: n.pubDate, kind: cls.kind, impact: cls.impact }; }); if (alive) setState({ loading: false, items: mapped }); return; } } catch (e) { /* 다음 후보 시도 */ } } if (alive) setState({ loading: false, items: null }); }; tryLoad(); const onBase = () => tryLoad(); window.addEventListener('urijib:apibase', onBase); const id = setInterval(tryLoad, 120000); return () => { alive = false; window.removeEventListener('urijib:apibase', onBase); clearInterval(id); }; }, []); return state; } function naverAgo(pub) { try { const m = Math.floor((Date.now() - new Date(pub).getTime()) / 60000); return m < 60 ? m + '분 전' : m < 1440 ? Math.floor(m / 60) + '시간 전' : Math.floor(m / 1440) + '일 전'; } catch (e) { return ''; } } // ─── 대시보드: 실시간 호재·악재 피드 ───────────────────── function MarketFeed({ isMobile }) { const news = useLiveMarketNews(); const liveMode = !!(news.items && news.items.length); // "살아있는" 느낌: 각 이벤트에 수신시각 부여, 주기적으로 한 건을 맨 위로 갱신 const base = MARKET_EVENTS; const [order, setOrder] = useState(() => base.map((_, i) => i)); const [recv, setRecv] = useState(() => { const now = Date.now(); return base.map((_, i) => now - (i * 7 + 2) * 60000 - Math.floor(Math.random() * 60000)); }); const [, force] = useState(0); useEffect(() => { // 1초마다 "N분 전" 갱신 const t1 = setInterval(() => force(x => x + 1), 1000); // 11초마다 무작위 이벤트 1건을 "방금" 수신 → 맨 위로 (실시간 피드 느낌) const t2 = setInterval(() => { setOrder(prev => { const pool = prev.slice(); const pick = pool[Math.floor(Math.random() * Math.min(pool.length, 6)) + Math.floor(pool.length / 2)] ?? pool[pool.length - 1]; const idx = pool.indexOf(pick); if (idx > 0) { pool.splice(idx, 1); pool.unshift(pick); } setRecv(r => { const c = r.slice(); c[pick] = Date.now(); return c; }); return pool; }); }, 11000); return () => { clearInterval(t1); clearInterval(t2); }; }, []); const ago = (ts) => { const s = Math.floor((Date.now() - ts) / 1000); if (s < 60) return '방금 전'; const mm = Math.floor(s / 60); if (mm < 60) return mm + '분 전'; const hh = Math.floor(mm / 60); if (hh < 24) return hh + '시간 전'; return Math.floor(hh / 24) + '일 전'; }; const items = order.map(i => ({ ev: base[i], ts: recv[i], idx: i })); const pos = base.filter(e => e.impact === 'positive').length; const neg = base.filter(e => e.impact === 'negative').length; const liveCounts = liveMode ? { pos: news.items.filter(n => n.impact === 'positive').length, neg: news.items.filter(n => n.impact === 'negative').length, } : null; return ( {liveMode ? 'LIVE 뉴스' : 'LIVE'}

{ev.title}

{fi.title}