[Task] TestPage 컴포넌트 (시험 설정 화면)

[DDINGJOO]

상위 Story

• [Story] 단어 시험 기능 구현 #61 [Story] 단어 시험 기능 구현

목표

시험 설정 및 시작 화면 구현

화면 구성

┌─────────────────────────────────────────────────────┐
│  시험 설정                                           │
│  ┌─────────────────────────────────────────────┐    │
│  │  문제 수: [ 10개 ] [ 20개 ] [ 30개 ]         │    │
│  │  레벨: [ 전체 ] [ 초급 ] [ 중급 ] [ 고급 ]   │    │
│  │  출제 유형:                                  │    │
│  │  ( ) 한국어 → 영어                           │    │
│  │  (●) 영어 → 한국어                           │    │
│  └─────────────────────────────────────────────┘    │
│              [ 🎯 시험 시작하기 ]                   │
│                                                      │
│  📊 최근 시험 기록                                   │
│  2024.01.07  20문제  90% (18/20)  →                 │
└─────────────────────────────────────────────────────┘

라우팅

<Route path="/vocab/test" element={<TestPage />} />

사용 API

• GET /vocab/test/{userId}/results - 최근 시험 기록

MUI 컴포넌트

• ToggleButtonGroup (문제 수, 레벨)
• RadioGroup (출제 유형)
• Button, Paper, Card

완료 조건

• TestPage 컴포넌트 구현
• 시험 설정 폼 구현
• 최근 시험 기록 표시
• /vocab/test 라우트 등록

[github-actions]

Closed by PR #102