[DP-437] 마이페이지 퀴즈 이력 목록/상세 화면 구현

[uiuuoq]

연결된 Jira 티켓

• DP-437

작업 내용

• 마이페이지 퀴즈 이력 목록 mock API 추가 (fetchMyQuizHistory)
• 퀴즈 이력 상세 mock API 추가 (fetchMyQuizHistoryDetail)
• 퀴즈 결과 히스토리 화면 신규 추가 (/home/[id]/quiz/result?attemptId=)
• QuizResult 컴포넌트에 history 모드 추가 (live/history 분기)
• WrongQuizCard, WrongQuizListItem href에 ?attemptId= 파라미터 추가
• WrongQuizListWrapper / WrongQuizList 상태·정렬·페이지 로직 분리
• 퀴즈 제출 요청 body에 answers 필드 추가 (QuizSubmitRequest)

주요 변경점

• types/myPage.ts — MyPageQuizHistoryResponse, QuizHistoryDetail 타입 추가
• types/quiz.ts — QuizSubmitAnswer, answers 필드 추가
• lib/mock/my-page-wrong-quizzes.ts — 이력 목록/상세 mock 함수 추가
• components/features/home/quiz/QuizResult.tsx — LiveProps | HistoryProps 유니온 타입으로 확장
• app/(main)/home/[id]/quiz/result/page.tsx — 신규 생성

테스트 방법

1. 마이페이지 → 퀴즈 이력 탭 → 항목 클릭 → /home/[id]/quiz/result?attemptId= 진입 확인
2. 결과 화면에서 정오답 표시, 본문으로/다시 풀기 버튼 동작 확인
3. attemptId 없이 직접 접근 시 에러 상태 UI 노출 확인

AI 사용 여부

• Claude Code 사용

체크리스트

• 빌드/테스트 확인
• 리뷰어 지정
• 라벨 지정

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
traceapp	Ready	Preview, Comment	Apr 28, 2026 6:10am