[멋쟁이사자처럼]프론트엔드 33일차 정리

프로젝트에 대하여 계속 이야기를 나누며 프로젝트의  방향을 상세화했습니다. 내용은 다음과 같습니다.

프로젝트 목표

본 프로젝트는 사용자가 '챌린지' 기반으로 목표를 설정하고, 매일의 '루틴'을 수행하며 성장하는 과정을 기록하는 서비스입니다. 소셜 기능(팔로우, 프로필 공유)과 AI 기반 피드백을 통해 사용자에게 동기를 부여하고, 꾸준한 습관 형성을 돕는 것을 목표로 합니다.

추가적으로, 짧은 개발시간의 상황임을 고려해JoyRide 라이브러리를 활용한 사용자 온보딩 가이드, Antd를 활용한 효율적인 UI 구축을 고려하였습니다.

핵심 페이지별 기능 명세

사용자의 흐름에 따라 각 페이지에서 제공되는 핵심 기능과 연결된 유즈케이스는 다음과 같습니다.

① 회원가입 / 로그인 페이지

• 목표 : 사용자가 서비스에 쉽고 빠르게 진입할 수 있도록 한다.
• 주요 기능
  • 카카오, 구글 계정을 이용한 간편 회원가입 및 로그인
  • 로컬 이메일/비밀번호를 이용한 회원가입 및 로그인
• 유즈케이스 : SignUpUsecase, LogInUsecase

② 챌린지 등록 페이지

• 목표 : 사용자가 자신만의 도전 과제를 직관적으로 생성하도록 돕는다.
• 주요 기능
  • 테마 설정 : '건강', '자기개발' 등 카테고리 선택
  • 루틴 설정 : 챌린지에 포함될 세부 루틴을 직접 입력
  • 커스터마이징 : 챌린지를 대표할 이모티콘(스티커) 및 캘린더 표시 색상 선택
• 유즈케이스: AddChallengeUsecase

③ 메인 페이지 (나의 챌린지 대시보드)

• 목표 : 오늘 해야 할 일을 명확히 인지하고 즉각적으로 수행 및 기록하게 한다.
• 주요 기능
  • 사용자 캘린더 : 루틴 수행 여부에 따라 일별 진척도가 색상으로 표시
  • 테마별 루틴 목록 : 등록된 챌린지들이 테마별로 정리되어 표시
  • 핵심 인터랙션
    루틴 체크 : 오늘의 할 일을 완료했음을 표시
    회고 제출:  간단한 소감을 기록하고 루틴 수행 후 인증샷을 게시
• 관련 유즈케이스: GetChallengeListUsecase, AddFullfillmentImageUsecase, AddRoutineReviewUsecase

④  - 1 마이 페이지 (나의 기록 보관소)

• 목표 : 자신의 활동 기록을 돌아보며 성취감을 느끼고, 추가적인 동기를 얻는다.
• 주요 기능
  • 종합 프로필 : 내 정보, 팔로워/팔로잉 현황, 획득한 업적(스티커) 표시
  • 상세 활동 내역
    루틴 : 진행중인 챌린지에 대한 달성 현황 소
    
• 관련 유스케이스: GetProfileUsecase, UpdateProfileUsecase, GetUsersArchivmentListUsecase, GetGPTReviewAnalysisUsecase, GetGPTReviewFullfilmentUsecase

④  - 2 타인 페이지

• 목표 : 다른 사용자와 교류하며 선의의 경쟁 및 소셜 동기부여를 유도한다.
• 주요 기능
  • 프로필 정보 조회 : 상대방의 프로필, 팔로워 수, 스티커 등 확인
  • 챌린지 진척도 보기 : 상대방이 진행 중인 챌린지와 달성 현황 확인
  • 팔로우 : 관심 있는 사용자를 팔로우하여 교류
• 유즈케이스 : GetProfileUsecase (타인), GetFollowUsecase, DeleteFollowUsecase

⑤ 유저 검색 페이지

• 목표 : 함께 챌린지를 진행할 친구나 다른 사용자를 쉽게 찾을 수 있도록 한다.
• 주요 기능
  • 닉네임을 기반으로 사용자 검색
• 유즈케이스 : GetSearchUserUsecase

 ⑥ 피드백 페이지 

• 목표: 함께 챌린지를 진행할 친구나 다른 사용자를 쉽게 찾을 수 있도록 한다.
• 주요 기능
• 피드백 : AI가 분석해 준 감성/동기부여 피드백 확인
• 챌린지 분석 : 진행 중인 챌린지에 대한 분석

• 유즈케이스 : GetSearchUserUsecase, GetGPTReviewAnalysisUsecase, GetGPTReviewFullfilmentUsecase

시스템별 유스케이스 정리

회의를 통해 정의된 모든 유스케이스는 다음과 같이 각 시스템별로 명확하게 분류되어 개발될 예정입니다.

• 회원 관리 : SignUp, LogIn, GetProfile, UpdateProfile, DeleteUser
• 챌린지/루틴 관리 : Add/Delete/Update/Get (Challenge & Routine)
• 소셜 시스템 : Follow/Unfollow, SearchUser, GetUserAchievement
• 리뷰/피드백 시스템 : AddReview, AddImage, GetGPTFeedback

---

정리

이 글은 프로젝트의 전체적인 청사진 역할을 하며, 각 페이지의 기능과 그에 해당하는 유즈케이스가 연결되어 있어 디자인, 프론트엔드 개발, 백엔드 개발을 동일한 목표 설정에 맞추어 효율적으로 개발할 수 있는 자료가 됩니다.

 

'습관 챌린지 앱'은 아이디어 회의를 거쳐, 시스템별 유스케이스 정의, 그리고 최종 페이지별 기능 명세서까지 완성되었습니다.

이후 ERD 작성, 데이터 테이블 설계의 과정을 진행할 예정입니다.