페이지 위젯
트레이딩, 리뷰, 전략 페이지에 있는 맞춤형 위젯 영역으로, 화면을 벗어나지 않고 페이지별 지표를 바로 확인할 수 있어요.
페이지 위젯
완전히 맞춤 설정할 수 있는 Dashboard 외에도, 여러 트레이딩 뷰 페이지에서는 본문 바로 위에 컴팩트한 위젯 영역을 보여줘요. 덕분에 작업 중인 페이지를 벗어나지 않고도 핵심 성과 지표를 계속 확인할 수 있어요.
지원 페이지
| 페이지 | 기본 초점 |
|---|---|
| 일간 | 당일 P&L + 장중 타이밍 |
| 주간 | 주간 P&L + 요일별 분포 |
| 월간 | 월간 P&L + 일별 흐름 |
| 연간 | 연간 P&L + 리스크 비율 |
| Trades | YTD P&L + 트레이드별 P&L 막대 |
| 전체 기간 | 전체 기간 P&L + 리스크 비율 |
| 리뷰 | 리뷰 품질 KPI |
| 전략 | 전략 비교 |
각 페이지는 자신의 위젯 레이아웃을 독립적으로 저장해요. 트레이딩 계좌를 전환하면 위젯 구성도 함께 전환되므로, 계좌마다 서로 다른 KPI를 둘 수 있어요.
기본 레이아웃
각 지원 페이지는 데스크톱 우선으로 설계된 자체 기본 레이아웃으로 시작해요. 이 기본값은 Dashboard와 동일한 위젯 카탈로그를 기반으로 하지만, 구성은 페이지마다 달라져서 위젯 영역이 아래 뷰를 보완하고 어디서나 똑같은 KPI 세트를 반복하지 않도록 해줘요.
대표적인 예시예요.
- 일간과 주간은 추가 맥락이 도움이 될 때 더 깊은 2행 구성을 사용할 수 있어요.
- 월간과 전체 기간은 카드 높이가 일정한 평평한 1행 위젯 영역으로 유지돼요.
- Trades는 높은 분포 블록 대신 더 낮은 트레이드별 P&L 차트를 선호해요.
- 리뷰는 범용으로 유지되며 선택된 전략에 의존하지 않아요.
- 전략은 추가 설정 없이 동작하는 멀티 전략 위젯을 기본값으로 사용해요.
위젯 툴바
툴바는 위젯 영역의 오른쪽 상단 모서리에 나타나요. 위젯을 보기만 하는지 편집 중인지에 따라 모습이 달라져요.


보기 모드
| 동작 | 설명 |
|---|---|
| 접기 | 위젯 영역을 숨겨요. 펼치기를 클릭하면 다시 표시돼요. |
| 위젯 편집 | 편집 모드로 들어가 레이아웃을 맞춤 설정해요. |
접힘/펼침 상태는 페이지별로 기억돼요.
편집 모드


| 동작 | 설명 |
|---|---|
| 위젯 추가 | 위젯 선택기를 열어 새 위젯을 추가해요. |
| 초기화 | 이 페이지의 기본 위젯 레이아웃을 복원해요. 확인 대화상자가 실수로 인한 초기화를 막아줘요. |
| 취소 | 저장하지 않은 변경 사항을 버리고 편집 모드를 종료해요. |
| 저장 | 현재 레이아웃을 저장하고 편집 모드를 종료해요. |
| Breakpoints | 미리보기를 Desktop, Tablet, Mobile 사이에서 전환해 위젯이 어떻게 재배치되는지 확인해요. |
위젯 추가 및 제거
- 위젯 편집을 클릭해 편집 모드로 들어가세요.
- 위젯 추가를 클릭해 위젯 선택기를 여세요. 전체 위젯 목록, 빠른 추가 프리셋, 동적 항목(내 종목, 자산 클래스, 태그)을 둘러보거나 검색할 수 있어요.
- 선택기에서 위젯을 클릭해 영역에 추가하세요.
- 위젯을 제거하려면 편집 모드에서 해당 카드의 제거 버튼을 클릭하세요.
- 위젯을 드래그해 그리드 안에서 순서를 바꾸거나 크기를 조정하세요.
- 마치면 저장을 클릭하세요.
반응형 동작
페이지 위젯은 세 개의 브레이크포인트를 가진 반응형 그리드를 사용해요.
| 브레이크포인트 | 최소 너비 | 그리드 열 |
|---|---|---|
| Desktop | 996 px | 12 |
| Tablet | 768 px | 8 |
| Mobile | 480 px | 4 |
Desktop, Tablet, Mobile 기본값은 페이지에 맞게 설계돼 있어요. 일부 경로는 단일 행을 사용하고, 시간 기반 경로는 데스크톱에서 더 깊은 2행 구성을, 작은 화면에서는 더 빽빽하게 채운 레이아웃을 사용할 수 있어요. 편집 툴바의 브레이크포인트 미리보기 버튼으로 각 브레이크포인트의 레이아웃을 독립적으로 맞춤 설정할 수 있어요. 각 브레이크포인트는 자신의 레이아웃을 저장하므로, 모든 화면 크기에서 위젯을 최적으로 배치할 수 있어요.
페이지 위젯 영역은 본문 위에서 컴팩트하게 유지되도록 최대 4행까지만 사용해요.
위젯 초기화
편집 툴바에서 초기화를 클릭하면 현재 페이지의 페이지별 기본 레이아웃을 복원해요. 초기화가 적용되기 전에 확인 대화상자가 나타나요. 현재 페이지에만 영향을 주며, 다른 페이지는 자신의 레이아웃을 그대로 유지해요.