시장 통계 및 리스크 분석
국토교통 통계누리 4종
{!loading && live && ● 실데이터}
{!loading && 호재 {hojae} · 악재 {akjae}}
{loading ? (
통계누리 데이터 불러오는 중…
) : (
{list.map(m => {
const km = kindMeta(m.kind);
return (
{m.label}
{km.arrow} {m.kind}
{m.value} {m.unit}
{/* 호재/악재 기여 막대 */}
{m.note}
{m.source}
);
})}
)}
※ 통계누리 4종(도시개발·미분양·인허가·수도권권역)을 호재/악재로 가공해 AI 예측 근거로 결합합니다.
);
}
// ── 실시간 거래 티커 (우측 상단) — 최신 실거래를 롤링, 클릭 시 검색 상세 ──
function LiveTradeTicker() {
const [items, setItems] = useState([]);
const [idx, setIdx] = useState(0);
useEffect(() => {
let alive = true;
const API = (window.UJTrack && window.UJTrack.API_BASE) || '';
// 서울 주요구 + 라이브 데모 폴백
const load = async () => {
const picks = [['11680', '서울 강남구'], ['11650', '서울 서초구'], ['11710', '서울 송파구'], ['11440', '서울 마포구']];
const now = new Date();
const ymd = now.getFullYear() + ('' + (now.getMonth() + 1)).padStart(2, '0');
const out = [];
for (const [lawd, label] of picks) {
try {
const r = await fetch(`${API}/v1/molit/recent?lawd_code=${lawd}&deal_ymd=${ymd}`, { cache: 'no-store' });
if (r.ok) { const d = await r.json(); (d.items || []).slice(0, 4).forEach(t => out.push({ name: t.name, dong: t.dong, price: t.price, area: t.area, region: label, lawd })); }
} catch (e) { /* skip */ }
}
if (alive && out.length) { setItems(out); return; }
// 폴백: 큐레이션 단지에서 생성
if (alive && window.APTS) {
const demo = window.APTS.slice(0, 8).map(a => ({ name: a.name, dong: a.dong, price: a.currentPrice, region: a.region, demo: true, id: a.id }));
setItems(demo);
}
};
load();
const onBase = () => load();
window.addEventListener('urijib:apibase', onBase);
return () => { alive = false; window.removeEventListener('urijib:apibase', onBase); };
}, []);
useEffect(() => {
if (items.length < 2) return;
const t = setInterval(() => setIdx(i => (i + 1) % items.length), 3200);
return () => clearInterval(t);
}, [items.length]);
if (!items.length) {
return (