소개
PDF 영어회화 교재를 이용해서 소리가 재생되는 epub3 포맷으로 개발한 것을 다시 반응형 웹서비스로 개발
epub3 포맷 전자책은 음성을 재생할수 있어 어학교재로 적합하고
js 및 css 코드를 포함하고 있어 웹 언어와 유사한 것으로 판단하고
리액트로 개발하기로 하고, epub 파일과 화면 캡쳐를 제공
진행 방법
커서에게 epub 파일이 개발에 도움이 되냐고 질문
Cursor에게 제공자료를 기반으로 PRD 및 todo List를 요청
Cursor는 제공자료를 기반으로 개발 계획에 대한 의견을 제공
그리고 PRD 및 todo-list를 작성해줌
리액트 개발 결과를 보면
전자책에 비해 헤더 부분 디자인이 깔끔하게 나왔고
수정이 더 용이했고
반면에 음성재생 기능이 불안정
https://youtu.be/FmcIOBXjIqw?si=OaeQErqqcpyXZQKO
결과와 배운 점
직접 웹 서비스를 개발하는 것이 아니라
전자책 및 화면 캡쳐를 통해 중간 단계가 필요하다는것
리액트, 프론트+백엔드로 개발을 했더니 사용자 관리 기능이 구현
예시 : 개인별 즐겨찾기 문장 지정, 즐겨찾기 문장 재생, 저장 등
과정 중에 어떤 시행착오를 겪었나요?
음성 재생에 문제점, 아직 해결 못함
앞으로의 계획이 있다면 들려주세요.
현재 음성 재생 등의 문제점을 해결한후
supabase 인증 및 결재 기능을 추가하고
vercel 배포..