토들리에

어휘와 평가

단어장과 퀴즈

단어장과 퀴즈 사양
단어 카드이미지 / 품사 / 영문 뜻 / 국문 뜻 / 예문 3개
카드 진행세트당 5장화면의 1/5 표기 기준
오디오표제어·뜻·예문마다 재생 + 녹음 버튼
퀴즈도서당 10문항
목록 표시도서 제목 / 최근 점수 / 진행바
필터카테고리 10종 × 유닛 12개

설계 포인트

  • 카드 1장에 영어면과 한국어면을 동시 배치 (뒤집기 동작 없음)
  • 오디오를 표제어·문장 단위로 분리 저장
  • 목록 조회 시 학습자별 최근 점수 동시 조회 필요
  • 0/10 ~ 10/10을 그대로 노출 → 재응시 정책이 곧 화면 정책
  • 전자책 카테고리 6종 + 영상 트랙 → 탭 10종
  • 단어 레코드에 출처(도서 / 영상)와 유닛 기록

화면

단어장 목록 화면입니다. 카테고리 탭 아래에 유닛별 단어장 카드가 있습니다.
단어장 목록
단어 카드 화면입니다. Activate 표제어와 품사, 예문 세 개, 한국어 뜻이 있습니다.
단어 카드
퀴즈 목록 화면입니다. 도서별 카드에 점수와 진행률 막대가 있습니다.
퀴즈 목록
1 / 3

사용 기술

  • React + TypeScript
  • PostgreSQL
  • AWS S3

비슷한 화면이 필요하신가요