HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
💫
[팀16] YAS
/
🐶
백둥이
/
📄
페이지별 기능 정리
📄

페이지별 기능 정리

 
notion image

회원가입 페이지

  • 사용자 회원가입, 소셜 회원가입(1~2개)기능이 존재한다
 
notion image

프로필 업데이트 페이지 (소셜 회원가입 시)

  • 소셜 회원가입 시 닉네임 입력 기능이 존재한다
  • 닉네임 중복 확인 체크가 가능하다
  • 닉네임은 12글자 이하로 제한된다
 
notion image

사용자 회원가입 페이지 (사용자 회원가입 시)

  • 사용자 회원가입 시 이메일, 닉네임, 비밀번호를 입력해 회원가입이 가능하다
  • 이메일 중복 확인 체크 기능이 존재한다(백둥이가 내려주기)
  • 닉네임 중복 확인 체크가 가능하다
  • 닉네임은 12글자 이하로 제한된다
 
notion image

로그인 페이지

  • 사용자 로그인, 소셜 로그인(1~2개)기능이 존재한다
 
notion image

사용자 로그인 페이지

  • 가입한 이메일과 비밀번호를 이용해 로그인이 가능하다
 
notion image

마이 페이지

  • 나의 정보 확인이 가능하다
  • 닉네임과 프로필 사진 변경이 가능하다
    • 닉네임은 12글자 이하까지 허용
 
notion image

나의 루틴 페이지

  • 자신의 루틴 확인이 가능하다
  • 전체, 해야할 루틴, 완료한 루틴별로 필터 기능이 존재한다
  • 루틴의 개수는 10개로 제한된다
  • 루틴 수정 버튼을 클릭하여 루틴 생성 및 수정 페이지로 이동
  • 루틴 삭제 버튼을 클릭하여 루틴 삭제가 가능하다
  • 루틴 생성(+) 버튼을 클릭하여 추천 루틴, 루틴 생성 클릭이 가능하다
  • 추천 루틴 클릭 시 alert창으로 커뮤니티 페이지로 이동합니다! 띄우고 커뮤니티 페이지로 이동이 가능하다
  • 루틴 생성 클릭 시 루틴 생성 & 수정 페이지로 이동이 가능하다
  • 루틴을 클릭하여 미션 페이지로 이동이 가능하다
 
notion image

루틴 생성 & 수정 페이지

  • 루틴 생성 및 수정이 가능하다
  • 이모지 / 루틴 이름 / 카테고리 / 색상 / 요일 / 시작 시간 지정이 가능하다
  • 카테고리는 미리 지정된 카테고리중에서 최소 1개, 최대 2개 선택이 가능하다
  • 루틴 제목 글자 수 제한 20개
  • 생성될 루틴 미리보기가 가능하다
  • 수정 시에는 요일만 변경이 가능하다
 
notion image

루틴 진행 페이지

  • 루틴을 수행하는 페이지로 시간에 따른 미션 진행이 가능하다
  • 최초 렌더링 시에는 일시정지 상태이며 플레이 버튼 클릭 시 미션이 진행된다
  • 일시정지 버튼을 클릭하여 미션 일시 정지가 가능하다
  • 체크 버튼을 클릭하여 미션 완료가 가능하다
  • 화살표를 클릭하여 미션 패스 또는 미션 뒤로가기가 가능하다
    • 뒤로가기 버튼 클릭 시 alert창으로 이전 미션을 다시 시작하시겠습니까? 이후 확인 버튼 클릭 시 다시 미션 진행
    • 앞으로 가기 버튼 클릭 시 alert창으로 현재 미션을 패스하시겠습니까? 이후 확인 버튼 클릭 시 다음 미션 진행
  • 메뉴 버튼을 클릭하여 루틴 진행 모달 확인이 가능하다
 
notion image

루틴 진행 모달

  • 미션의 진행 순서 확인이 가능하다
  • 미션별 걸린 시간 확인이 가능하다
  • 미션별 완료 여부 확인이 가능하다
 
notion image

루틴 종료 페이지

  • 루틴 완료를 축하하는 alert창을 띄어준다
  • 완료한 루틴의 세부 요약을 확인할 수 있다
  • 미션별 걸린 시간 확인이 가능하다
  • 확인 버튼을 클릭하면 나의 루틴(메인)페이지로 이동이 가능하다
notion image

미션 페이지

  • 해당 루틴의 세부 미션 확인이 가능하다
  • 수정 버튼을 클릭하여 루틴 생성 및 수정 페이지로 이동
  • 해당 루틴의 카테고리 확인이 가능하다
  • 미션 삭제 버튼을 클릭하면 미션이 삭제된다
  • 미션 생성(+) 버튼을 클릭하여 미션 생성 페이지로 이동
  • 플레이 버튼을 클릭하여 루틴 준비 페이지로 이동이 가능하다
  • 미션이 없을 경우 플레이 버튼은 비활성화 상태이다
 
notion image

미션 생성 페이지

  • 미션 생성이 가능하다
  • 이모지 / 미션 이름 / 지속 시간 지정이 가능하다
  • 미션의 이름은 15글자 이하로 제한한다
  • 생성될 미션 미리보기가 가능하다
 
 
notion image

커뮤니티 페이지

  • 다른 사용자들의 루틴 확인이 가능하다
  • 신규 / 인기 / 나의 루틴 / 카테고리별 필터 기능이 존재한다
  • 게시물 생성(+) 버튼을 클릭하면 루틴 선택 페이지로 이동이 가능하다
  • 루틴 좋아요 기능이 존재한다
  • 루틴 삭제 기능이 존재한다
 
notion image

루틴 선택 페이지

  • 나의 루틴들 중 하나를 선택해 게시물 업로드가 가능하다
  • 이미 포스트한 루틴의 경우 회색 처리되며 아래쪽에 렌더링된다
  • 루틴 선택 후 게시물 생성이 완료되었습니다 alert창을 띄어준다
  • 루틴을 선택하면 바로 게시가 되고 생성된 루틴 게시물 페이지로 이동한다
 
notion image

루틴 게시물 페이지

  • 업로드한 루틴의 세부 정보 확인이 가능하다
  • 루틴 가져오기 기능이 존재한다
    • 루틴 가져오기 클릭 시 alert창(나의 루틴에 추가되었습니다!)이 보여진다
    • 이후 나의 루틴(메인)페이지로 이동하며, 해당 루틴이 자동으로 추가되어 렌더링된다
  • 루틴 게시물 좋아요 기능이 존재한다
  • 루틴 게시물에 댓글 남기기 기능이 존재한다
    • 댓글 좋아요 기능
    • 댓글 수정 기능
    • 댓글 삭제 기능
 

분석 페이지

  • 일별 완료한 루틴 확인이 가능하다
  • 달력 형태로 구성되며, 완료 루틴 개수에 따라 색깔이 다르게 표시된다
  • 완료 루틴 클릭 시 루틴 종료 페이지와 같은 형식으로 루틴의 세부 정보 확인이 가능하다
  • 이전에 작성하지 못했던 후기 남기기가 가능하다