## 상위 Story - #60 [Story] 일일 학습 (플래시카드) 구현 ## 목표 정답/오답 버튼 구현 및 학습 결과 API 연동 ## 화면 구성 ``` ┌──────────────────┐ ┌──────────────────┐ │ ❌ 모르겠어요 │ │ ✅ 알고있어요 │ │ (빨간색) │ │ (초록색) │ └──────────────────┘ └──────────────────┘ ``` ## API 연동 - 정답: `PUT /vocab/users/{userId}/words/{wordId}` { isCorrect: true } - 오답: `PUT /vocab/users/{userId}/words/{wordId}` { isCorrect: false } ## 동작 로직 1. 버튼 클릭 2. API 호출 (낙관적 업데이트) 3. 다음 카드로 이동 4. 카드 플립 상태 초기화 ## MUI 컴포넌트 - Button (variant: contained) - 색상: error (빨간), success (초록) ## 완료 조건 - [ ] AnswerButtons 컴포넌트 구현 - [ ] API 연동 (정답/오답) - [ ] 다음 카드 이동 로직
상위 Story
목표
정답/오답 버튼 구현 및 학습 결과 API 연동
화면 구성
API 연동
PUT /vocab/users/{userId}/words/{wordId}{ isCorrect: true }PUT /vocab/users/{userId}/words/{wordId}{ isCorrect: false }동작 로직
MUI 컴포넌트
완료 조건