[Story] 단어 학습 대시보드 구현

[DDINGJOO]

상위 Epic

• [Epic] 단어 암기 서비스 구현 #57 [Epic] 단어 암기 서비스 구현

목표

단어 학습 메인 대시보드 페이지 구현 (/vocab)

화면 구성

┌─────────────────────────────────────────────────────────────┐
│  📚 단어 학습                                    [설정 ⚙️]  │
├─────────────────────────────────────────────────────────────┤
│  ┌─────────────────────────────────────────────────────┐   │
│  │  오늘의 학습 진행률  ━━━━━━━━━━━━░░░░  45/55 (82%)  │   │
│  │  🆕 새 단어: 40/50    🔄 복습: 5/5                  │   │
│  │           [ 📖 학습 계속하기 ]                       │   │
│  └─────────────────────────────────────────────────────┘   │
│                                                             │
│  ┌──────────────┐  ┌──────────────┐  ┌──────────────┐      │
│  │ 📊 전체 통계  │  │ 🎯 시험 보기 │  │ 📕 단어장    │      │
│  └──────────────┘  └──────────────┘  └──────────────┘      │
│                                                             │
│  📈 주간 학습 현황 (캘린더)                                  │
│  🔥 약점 단어 TOP 5                                         │
└─────────────────────────────────────────────────────────────┘

사용 API

• GET /vocab/daily/{userId} - 오늘 학습 진행률
• GET /vocab/stats/{userId} - 전체 통계
• GET /vocab/stats/{userId}/daily - 주간 학습 현황
• GET /vocab/stats/{userId}/weakness - 약점 단어

하위 태스크

• VocabDashboard 페이지 컴포넌트 생성
• 오늘의 학습 진행률 카드 구현
• 퀵 액션 카드 (통계, 시험, 단어장) 구현
• 주간 학습 캘린더 컴포넌트 구현
• 약점 단어 리스트 컴포넌트 구현
• 라우팅 설정 (/vocab)

완료 조건

• 대시보드 페이지 렌더링
• 오늘의 학습 진행률 표시
• 주간 캘린더 히트맵 표시
• 약점 단어 클릭 시 TTS 재생

[github-actions]

Closed by PR #100