T-008.txt 900 B

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