04358469d1
홈 페이지:
- 텍스트 카드를 SeedTiles 컴포넌트로 교체. 10개 병렬로 /api/chart 2일치 받아
현재가 + 전일대비 (절대값+%) 카드 그리드 (2/3/5 컬럼).
- max-w 를 3xl → 5xl 로 확장하여 타일 5열 그리드 수용.
종목 페이지:
- PriceHero 에 series prop 추가, 우측에 SVG sparkline (최근 30 종가) 표시.
- 라인 색상은 전일대비 부호로 결정 (상승 빨강 / 하락 파랑).
- lightweight-charts 인스턴스 추가 없이 인라인 SVG 만 사용 — 가벼움.
verify: tsc/next lint clean.
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
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 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>
|
|
);
|
|
}
|