토들리에

학습 콘텐츠

전자책 라이브러리와 리딩 뷰어

전자책 라이브러리와 리딩 뷰어 사양
분류 기준카테고리 6종 × 유닛 12개 × 학습자 레벨
목록 단위유닛당 8권
도서 메타Level / AR / Lexile / Words / Pages
예시 도서Sofia Meets the T-Rex and AlloLevel B · AR 1.5 · 200L · 76 words · 10 pages
뷰어 구성좌우 2페이지 스프레드, 삽화 위 문장 오버레이
뷰어 도구언어 전환 / 오디오 / 자동 넘김 / 단어장 / 퀴즈 / 튜터

설계 포인트

  • 3중 필터가 모두 화면에 노출되므로 목록 조회도 3개 값을 받음
  • 유닛 번호가 페이지 번호를 대신 → 유닛 단위 캐시 가능
  • AR과 Lexile 동시 저장 (산정 기관이 다름)
  • 문장별 오디오 시작 지점 분리 저장
  • 마지막 읽은 위치는 서버 보관 (기기 교체 대응)
  • 재독 기록과 진도 분리 (합치면 완료율 100% 초과)

화면

전자책 라이브러리 화면입니다. 카테고리 탭과 유닛 번호 아래에 도서 여덟 권이 있습니다.
라이브러리
도서 상세 화면입니다. 진도율 원형 그래프와 Level B, AR 1.5, 200L 배지가 있습니다.
도서 상세
리딩 뷰어 화면입니다. 좌우 두 페이지를 펼치고 삽화 위에 영어 문장이 있습니다.
리딩 뷰어
다시 읽기 화면입니다. 완독한 도서와 Lexile, Words, Pages가 표시되어 있습니다.
다시 읽기
1 / 4

사용 기술

  • React + TypeScript
  • PostgreSQL
  • AWS S3

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