| 123456789101112131415161718192021222324252627 |
- # 대시보드 요약 정보 위젯/카드 구현
- **Task ID:** T-008
- **Status:** BACKLOG
- **Importance:** SHOULD
- **Complexity:** 4/10
- **Urgency:** 6/10
- **Dependencies:** T-007
- ## Description
- # 설명
- 대시보드 상단에 상태별 주문 건수를 표시하는 요약 위젯을 구현합니다.
- # 구현 세부사항
- 1. Vue 컴포넌트(`SummaryCard`) 생성
- 2. 스토어 또는 API에서 상태별 건수 계산(fetchSummaryCount API 또는 캐시 활용)
- 3. 카드 레이아웃에 아이콘, 레이블, 건수 표시
- 4. 클릭 시 해당 리스트 섹션으로 스크롤 또는 필터 토글 구현
- # 테스트 전략
- - 상태별 건수가 올바르게 계산되어 표시되는지 확인
- - 카드 클릭 시 스크롤/필터링 기능 동작 검증
- - 반응형에서 카드 레이아웃 이상 유무 테스트
- ---
- **Created:** 2025-07-17T02:18:17.743Z
- **Updated:** 2025-07-17T02:18:17.743Z
|