feat(stock): 스크리너 노드/컬럼 hover 설명 추가
- ScoreChips: 아이콘 제거, 풀 라벨 표시 (외국인/거래량급증/20일모멘텀/ 52주신고가/RS레이팅/이평선정배열/VCP수축). title에 노드 의미 + 70점 강조 안내. - ResultTable: 각 컬럼 헤더에 ⓘ 마커 + 의미 hover 설명. 진입/손절/익절 컬럼명에 '(원)' 명시. 상단에 hover 가이드 한 줄 추가.
This commit is contained in:
@@ -1,10 +1,33 @@
|
||||
import ScoreChips from './ScoreChips';
|
||||
|
||||
const COL_TIPS = {
|
||||
rank: '순위 — 종합 점수가 높은 순서',
|
||||
name: '종목명과 종목 코드',
|
||||
total: '종합 점수 (0~100) — 활성 점수 노드들의 가중평균. 가중치는 좌측 패널에서 조정',
|
||||
nodes: '노드별 점수 칩 — 70점 이상이면 노란색 강조. 각 칩에 마우스 올리면 해당 노드 설명이 나옵니다',
|
||||
entry: '예상 진입가 (원) — 현재 종가의 +0.5%, 다음날 시초가 슬리피지 가정',
|
||||
stop: '손절가 (원) — 현재가 - 2 × ATR(14, Wilder smoothing). 변동성 기반 손절',
|
||||
target: '익절가 (원) — 진입가 + (진입가 - 손절가) × R:R 비율 (기본 2.0). 위험 1 대비 보상 2',
|
||||
r_pct: '손실 위험 % — (진입가 - 손절가) / 진입가 × 100. 클수록 변동성 큰 종목',
|
||||
};
|
||||
|
||||
function Th({ k, children }) {
|
||||
return (
|
||||
<th title={COL_TIPS[k]} style={{ cursor: 'help' }}>
|
||||
{children}
|
||||
<span style={{ marginLeft: 4, fontSize: 10, color: '#6b7280' }}>ⓘ</span>
|
||||
</th>
|
||||
);
|
||||
}
|
||||
|
||||
export default function ResultTable({ result }) {
|
||||
if (!result) {
|
||||
return (
|
||||
<section className="screener-card">
|
||||
<p style={{ color: '#9ca3af' }}>아직 결과 없음. "지금 실행"을 눌러보세요.</p>
|
||||
<p style={{ color: '#6b7280', fontSize: 12, marginTop: 8 }}>
|
||||
💡 각 점수·가격 컬럼 헤더와 노드 칩에 마우스를 올리면 의미가 표시됩니다.
|
||||
</p>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -25,12 +48,22 @@ export default function ResultTable({ result }) {
|
||||
)}
|
||||
</div>
|
||||
|
||||
<p style={{ color: '#6b7280', fontSize: 11, marginTop: 8, marginBottom: 0 }}>
|
||||
💡 컬럼 헤더와 노드 칩에 마우스를 올리면 의미가 표시됩니다.
|
||||
</p>
|
||||
|
||||
<div style={{ overflowX: 'auto', marginTop: 12 }}>
|
||||
<table className="screener-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th><th>종목</th><th>총점</th><th>노드</th>
|
||||
<th>진입</th><th>손절</th><th>익절</th><th>R%</th>
|
||||
<Th k="rank">#</Th>
|
||||
<Th k="name">종목</Th>
|
||||
<Th k="total">총점</Th>
|
||||
<Th k="nodes">노드</Th>
|
||||
<Th k="entry">진입(원)</Th>
|
||||
<Th k="stop">손절(원)</Th>
|
||||
<Th k="target">익절(원)</Th>
|
||||
<Th k="r_pct">R%</Th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
Reference in New Issue
Block a user