시연하면서 저희 서비스에 대해 소개드리겠습니다.
우선 보이는 것이 책모이의 메인화면입니다.
모든 페이지에선 탑바의 검색을 통해 책을 검색할 수 있습니다.
메인 화면에선 가장 많은 스터디가 개설된 또는 최근 스터디가 개설된 책을 보여줍니다.
우선 스터디원 입장에서 시나리오 진행하도록 하겠습니다.
- 스터디원
- 카카오 로그인 사용자는 탑바의 로그인 버튼을 통해 로그인합니다. → 성공적으로 로그인되어 프로필 버튼으로 변경됐음을 확인하실 수 있습니다.
- 책 상세 페이지 접근 다음은 책 상세 페이지에 접근하도록 하겠습니다. 책을 선택해서 해당 책의 상세 페이지로 접근하겠습니다. 책 상세 페이지에선 책에 대한 정보와 개설된 스터디 목록을 확인하실 수 있습니다. 스터디를 클릭하여 스터디 모집 정보를 확인할 수 있습니다.
- 스터디 신청 여기서 참여하기 버튼을 눌러 스터디를 신청할 수 있습니다.
- 신청 받은 후 스터디룸으로 접근 스터디 참여는 스터디 신청을 스터디장이 수락함으로써 가능합니다. (이에 대해선 스터디장 시연에서 다시 보여드리겠습니다. 우선 수락이 신청된 상태로 진행하도록 하겠습니다.) 오른쪽 탑바의 프로필 버튼을 누르면 로그인한 유저의 간단한 프로필 및 참여한 스터디 목록이 나옵니다. 해당 스터디로 이동하겠습니다. 스터디 페이지에는 스터디에 대한 정보와 공지, 자유 게시판이 존재합니다.
- 자유게시판 글 작성 자유 게시판 탭으로 들어가서 글을 작성해보도록 하겠습니다. 현재 사용사는 스터디장이 아니기 때문에 자유게시판에만 글을 작성할 수 있습니다. 글을 작성하면 해당 게시글 페이지로 자동으로 라우팅됩니다.
- 댓글 작성 댓글 작성, 수정 및 삭제와 게시글 삭제를 해보겠습니다.
→ 유저 프로필 페이지 (스터디장 프로필, 본인 프로필)
유저 아바타를 클릭하여 해당 유저의 프로필 페이지로 진입할 수 있습니다.
유저 프로필 페이지에선 해당 유저가 개설한, 참여한, 완료한 스터디를 확인할 수 있습니다.
→ 프로필 수정
또한 다음과 같이 프로필 수정도 가능한 것을 확인하실 수 있습니다.
- 스터디장 다음은 스터디장의 시나리오입니다. 스터디원과 달리 스터디장은 스터디 페이지에 접근하였을 때 신청자 목록과 스터디 정보 수정이 가능합니다.
- 스터디 신청 받기, 거절하기 다음과 같이 수락 및 거절이 가능합니다. 스터디 개설 시나리오를 시연하겠습니다.
- 책 검색 탑바의 검색창을 통해 책을 검색하여 스터디 개설이 가능합니다.
- 스터디 개설 스터디 이름, 인원, 모집 및 진행 기간을 및 스터디 모집에 대한 내용을 설정할 수 있습니다. 스터디장은 공지, 자유 게시판 모두 글 작성이 가능합니다. 작성된 글 및 댓글은 다음과 같이 확인할 수 있습니다.
- 스터디 변경 스터디장은 개설한 스터디에 대해 이름, 모집 상태 및 스터디 내용과 썸네일을 수정할 수 있습니다.
사용자가 로그인하면 서버에서 설정된 시간 동안 인증된 상태로 서비스를 사용할 수 있습니다.
이 때 설정된 시간이 지나면 사용자의 인증을 갱신합니다.
반면 갱신 시간이 만료되면 사용자 인증이 만료되어 재로그인해야 합니다.
마지막으로 에러 핸들링 시연 영상 보여드리도록 하겠습니다.
401 시나리오 대본녹화를 위해 로그인 후 10초 뒤에 accessToken이 만료되는 상황을 가정합니다
로그인 후 10초를 기다리고 토큰을 사용하는 프로필 페이지로 이동합니다
프로필 페이지 관련 요청의 응답으로 401 accessToken 만료 에러가 오지만, 자동으로 토큰을 갱신받고 중단된 요청을 다시 실행합니다녹화를 위해 로그인 후 refreshToken이 만료된 상황을 가정합니다
미리 로그인 해 놓았고, 토큰을 사용하는 프로필 페이지로 이동합니다
프로필 페이지 관련 요청의 응답으로 401 refreshToken 만료 에러가 옵니다
자동으로 홈으로 이동되고, 로그인이 만료되었다는 1회성 경고를 보여줍니다
사용자는 다시 로그인해야 합니다
이상으로 팀 북스의 책모이, 발표 영상을 마치겠습니다. 감사합니다.
시간 남으면 클로징 멘트 ㅋㅋ