21db09f65f
backend:
- 신규 라우터 app/api/markets.py
- GET /api/markets/movers?market=ALL|KOSPI|KOSDAQ&limit=10
→ gainers / losers / by_volume 3 카테고리. ohlcv_daily 최신 2 거래일 비교.
- GET /api/markets/related/{code}?limit=8
→ 같은 market 내 거래량 상위 (sector 컬럼은 시드 단계 NULL 다수라 제외).
- main.py 에 라우터 include.
frontend:
- lib/api.ts 에 Mover/MoversResponse/RelatedResponse 타입 + .movers/.related 추가.
- components/MarketsOverview.tsx: 등락 상위 / 등락 하위 / 거래량 상위 3 컬럼.
- components/RelatedStocks.tsx: 같은 시장 내 관련 종목 8 개.
- 홈 페이지에 MarketsOverview 배치 (SeedTiles 아래).
- 종목 페이지 우측 사이드바 컬럼에 RelatedStocks 추가 (SymbolSidebar 아래).
verify: py_compile clean, tsc --noEmit clean, next lint clean.
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { MarketsOverview } from "../components/MarketsOverview";
|
|
import { SearchBox } from "../components/SearchBox";
|
|
import { SeedTiles } from "../components/SeedTiles";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<main className="mx-auto max-w-5xl px-6 py-12">
|
|
<h1 className="text-3xl font-bold tracking-tight text-zinc-50">종목 검색</h1>
|
|
<p className="mt-2 text-sm text-zinc-400">
|
|
종목을 골라 차트를 보고, <b className="text-rose-300">예상차트 보기</b> 버튼으로
|
|
15일·30일·1년 예측 캔들을 같은 차트에 이어 붙입니다.
|
|
</p>
|
|
|
|
<div className="mt-6">
|
|
<SearchBox autoFocus />
|
|
</div>
|
|
|
|
<div className="mt-10">
|
|
<SeedTiles />
|
|
</div>
|
|
|
|
<div className="mt-6">
|
|
<MarketsOverview />
|
|
</div>
|
|
|
|
<div className="mt-6 rounded-lg border border-zinc-800 bg-zinc-900/30 p-4 text-xs text-zinc-500">
|
|
<div className="font-medium text-zinc-300">매칭 · 재학습</div>
|
|
<div className="mt-1">
|
|
평일 16:30 KST 예측↔실제 매칭, 일요일 02:00 KST LGBM 재학습.
|
|
앙상블은 Chronos(zero-shot) + LightGBM.
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|