짱돌(함께 만드는 이야기)

페이지별 기능 소개

📕 로그인

• 카카오 아이디를 통해 로그인 한다.
• 로그인 시, 카카오에서 제공하는 code를 서버에 전달하고 서버에서 생성한 토큰과 만료시간을 로컬스토리지에 저장한다.
• 만약 일정 시간이 지나 토큰이 만료되었을 경우 로컬스토리지에 저장된 토큰을 삭제하고, 다시 로그인 페이지로 이동한다.

📙 홈

• 토큰이 저장되어있을 경우 출력된다.

• 책 쓰기 버튼

  • 클릭하면 책 쓰기 페이지로 이동

• 내 서재 버튼

  • 클릭하면 내 서재 페이지로 이동

📒 내 서재

• 책이 없을 경우

  • '집필한 책이 아직 없어요!' 텍스트가 보인다.

• 책이 한 개 이상 있을 경우

  • 책 리스트가 세로로 정렬되어 있다.
  • 각각 책의 표지, 완성도(100% 기준) 퍼센트와 게이지를 한눈에 볼 수 있다.
  • 책 표지를 클릭하면 책 세부 페이지로 이동

📗 책 쓰기

• 표지 선택

  • 봄, 여름, 가을, 겨울 테마의 그림 중 하나를 선택할 수 있다.

• 제목, 프롤로그 작성

  • 책의 제목과 프롤로그 부분을 작성한다.

📍 표지 선택

📕 책 세부 페이지

• 미완성 책일 경우

  • 완성까지 남은 명 수 출력
  • 표지를 클릭했을 경우, 공유 가능한 url이 클립보드에 복사

• 완성 책일 경우

  • 표지를 클릭했을 경우, 책 내용 확인 페이지로 이동

• 책 뒷면 페이지

  • 바코드 이미지가 있는 책 뒷 표지 화면이 출력된다. 바코드를 클릭할 경우, url이 복사된다.

📙 책 내용 확인 페이지

• 책 내용 출력
  • 10개의 내용이 차례대로 출력되며, 일정 시간마다 코멘트 내용을 출력한다. 코멘트가 출력될 때마다 하단으로 포커싱되며 자동 스크롤된다.
• 다음 버튼 클릭
  • 다음 버튼 클릭 시, 책 뒷면 페이지로 이동한다.

📒 릴레이 작성 페이지

• 이전 사용자 내용 출력
  • 공유 링크로 들어올 경우, 책 제목과 해당 사용자 바로 이전에 작성한 사용자의 내용, 몇 번째로 작성한 사용자인지 출력한다.
• 내용 작성 기능
  • 사용자는 내용 작성 시, 닉네임과 내용을 작성할 수 있다.
  • 내용은 최소한 10글자 이상 작성해야 하며, 닉네임 2글자 이상 작성해야 합니다.

📗 404 페이지

• 만약 잘못된 경로의 url로 들어갔을 경우, 출력된다.

📍 url 공유 기능

• url 생성 시 책의 고유 id를 암호화하여 url을 생성하며, 생성한 url로 접속할 경우, 복호화를 통해 해당 id에 부합하는 책의 정보를 출력한다.
  • 책이 미완성일 경우, 책 내용 확인 페이지로 이동한다.
  • 책이 완성일 경우, 책 세부 페이지로 이동한다.