feat(markets): /api/markets/movers + /related/{code} + 홈/종목 페이지 연동
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.
This commit is contained in:
@@ -162,6 +162,30 @@ export type NewsResponse = {
|
||||
items: NewsItem[];
|
||||
};
|
||||
|
||||
export type Mover = {
|
||||
code: string;
|
||||
name: string;
|
||||
market: string;
|
||||
close: number | null;
|
||||
prev_close: number | null;
|
||||
volume: number | null;
|
||||
pct_change: number | null;
|
||||
};
|
||||
|
||||
export type MoversResponse = {
|
||||
market: string;
|
||||
limit: number;
|
||||
gainers: Mover[];
|
||||
losers: Mover[];
|
||||
by_volume: Mover[];
|
||||
};
|
||||
|
||||
export type RelatedResponse = {
|
||||
code: string;
|
||||
market: string;
|
||||
items: Mover[];
|
||||
};
|
||||
|
||||
async function getJson<T>(path: string, init?: RequestInit): Promise<T> {
|
||||
const res = await fetch(`${API_BASE}${path}`, {
|
||||
...init,
|
||||
@@ -209,4 +233,10 @@ export const api = {
|
||||
source ? `&source=${encodeURIComponent(source)}` : ""
|
||||
}`,
|
||||
),
|
||||
movers: (market: "ALL" | "KOSPI" | "KOSDAQ" = "ALL", limit = 10) =>
|
||||
getJson<MoversResponse>(`/api/markets/movers?market=${market}&limit=${limit}`),
|
||||
related: (code: string, limit = 8) =>
|
||||
getJson<RelatedResponse>(
|
||||
`/api/markets/related/${encodeURIComponent(code)}?limit=${limit}`,
|
||||
),
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user