Skip to content

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

Description

@DDINGJOO

상위 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 재생

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions