HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생/
🌌
기동팀/
🌟
스윗미/
👤
User Story
👤

User Story

사용자가 어떤 것을 원할지, 사용자의 의도와 액션을 생각하며 필요한 기능 적기
페이지 / 모달 모음
[페이지]
  • 홈 페이지
  • 검색 결과 페이지
  • 내 그룹 페이지 (전체보기, 날짜보기)
  • 그룹 관리 페이지
  • TIL 작성 페이지
  • TIL 보는 페이지
  • 로그인 페이지 / 회원가입 페이지
  • 그룹 가입 페이지 / 마이 페이지
[모달]
  • 그룹 생성 모달 (그룹 이름, 최대 인원, 그룹 소개, 그룹 태그)
  • 그룹 정보 모달
  • 그룹 가입 신청 모달
  • 알림 모달
 
 
 
 
페이지 / 모달
기능
우선순위
메모
회원가입
그룹화된 TIL 서비스, ‘스윗미’에 관심이 생긴 유저는 회원가입을 진행한다.
1순위
- 회원가입 버튼은 로그인 페이지에 있음
로그인
회원가입을 했던 유저가 ‘스윗미’에 다시 접속했을 때 서비스를 이용하기 위하여 로그인을 진행한다.
1순위
내 정보
나의 정보를 보고 싶은 유저는 네비게이션 바의 사람 아이콘을 클릭하여 내 정보 페이지로 이동한다.
1순위
내 정보
자신의 정보를 수정하고자 하는 사용자는 내 정보 페이지에서 유저는 자신의 이름, 프로필 사진, 비밀번호를 변경한다.
1순위
홈
유저가 맨 처음 서비스에 접했을때 보이는 화면으로 다음과 같은 기능들을 사용할 수 있다. (로그인, 검색, 인기TIL, 최신TIL)
1순위
2순위
홈
‘홈 페이지’에서 ‘로그인’버튼을 누르면 로그인을 진행 할 수 있도록 을 보여준다.
1순위
홈
‘홈 페이지’에서 검색어를 입력하고 검색 필터(전체, 그룹명, 태그)에 맞게 검색할 수 있다.
1순위
홈
‘홈 페이지’에서 ‘인기 TIL’ ‘최신 TIL’을 보여주고 해당 TIL 카드를 클릭했을때 유저에게 ‘TIL 보는 페이지’를 보여준다
2순위
검색 결과
검색을 통해 검색어가 포함된 ‘그룹명’과 ‘태그’를 ‘검색 필터’에 맞게 페이지네이션 형태로 유저에게 보여준다.
1순위
검색 결과
‘그룹명’ 검색 결과의 그룹 리스트를 볼 수 있고 해당 카드를 클릭하게 되면 ‘그룹 정보 페이지’을 보여준다.
1순위
검색 결과
‘태그’ 검색 결과의 태그가 포함된 TIL 리스트를 볼 수 있고 해당 카드를 클릭하게 되면 ‘TIL 보는 페이지’를 보여준다.
1순위
알림
‘홈 페이지’ nav에서 로그인한 사용자만 ‘알림’ 버튼을 통해 최신 알림 들을 보여준다
2순위
그룹 생성
자기만의 그룹을 만들고 싶은 유저는 내 그룹 페이지의 그룹 만들기 버튼을 클릭하여 그룹을 생성한다.
1순위
그룹 생성
그룹의 이름, 최대 인원, 소개/공지, 태그를 추가하여 사람들이 해당 그룹에 관심을 가질 수 있도록 정성을 들여서 작성한다.
1순위
그룹 생성
방장은 그룹 생성 후 멤버를 초대할 수 있다.
3순위
그룹 생성
한 사람이 생성할 수 있는 그룹 수는 제한되어 있다.
3순위
내 그룹
유저가 현재 속해있는 그룹을 확인하기 위해 내 그룹 페이지로 접속한다.
1순위
내 그룹
유저는 내 그룹 페이지에서 유저가 가입한 그룹의 목록을 확인할 수 있고, 그룹 별로 그룹원들의 TIL의 목록을 확인할 수 있다.
1순위
내 그룹
TIL 목록은 페이지네이션으로 이동할 수 있고, 각 TIL 카드를 클릭한 경우 TIL 보기 페이지로 이동한다.
1순위
내 그룹
유저는 TIL 목록을 전체 보기 혹은 날짜별로 보기로 선택할 수 있고, 최신순 혹은 좋아요순으로 정렬할 수 있다. 날짜보기로 선택한 경우 금일이 default이고, 사용자가 날짜를 선택하여 변경할 수 있다.
2순위
내 그룹
그룹 만들기 버튼을 클릭하여 그룹 생성 모달을 화면에 띄움으로 그룹을 생성할 수 있다.
1순위
내 그룹
그룹 정보 아이콘을 클릭하여 그룹 정보 모달을 화면에 띄움으로 그룹에 대한 정보를 확인할 수 있다.
1순위
내 그룹
유저가 관리자인 그룹의 경우, 그룹 가입 신청 아이콘을 클릭하여 그룹 가입 신청 모달을 화면에 띄움으로 그룹에 가입 신청을 요청한 유저들을 확인할 수 있다.
1순위
내 그룹
유저가 관리자인 그룹의 경우, 그룹 관리 아이콘을 클릭하여 그룹 관리 페이지로 이동하여 그룹에 대한 관리를 수행할 수 있다.
1순위
그룹 관리
유저가 관리자인 그룹을 관리하기 위해 그룹 관리 페이지로 접속한다.
1순위
그룹 관리
그룹명, 비밀번호, 최대 인원, 태그, 소개 및 공지 변경 후 완료 버튼을 클릭함으로 그룹 관리를 수행할 수 있다.
1순위
그룹 관리
현재 관리하고 있는 그룹에 속한 그룹원을 확인할 수 있다.
1순위
그룹 관리
TIL 작성에 자주 참여하지 않거나 불량 그룹원인 경우 내보내기 버튼을 클릭하여 특정 그룹원을 목록에서 제거할 수 있다.
1순위
그룹 관리
더 이상 그룹을 관리하기 어려워진 유저가 왕관 버튼을 클릭하여 특정 그룹원에게 그룹장을 위임할 수 있다.
1순위
그룹 관리
더 이상 그룹이 필요 없어진 유저가 그룹 삭제하기 버튼을 클릭하여 현재 관리하고 있는 그룹을 삭제할 수 있다.
1순위
그룹 정보 보기
그룹에 대한 태그와 소개글을 다시 보고 싶은 유저는 그룹 정보 보기 버튼을 클릭하여 다시 읽는다.
1순위
그룹 정보 보기
그룹 정보 보기 모달에서는 그룹 내 멤버들이 오늘 TIL을 작성했는지 여부를 볼 수 있다. 유저는 해당 정보를 알고 본인도 열심히 해야겠다는 의지를 가진다.
1순위
그룹 정보 보기
그룹을 탈퇴하고자 하는 유저는 그룹 정보 모달의 하단 우측에 있는 그룹 탈퇴하기 버튼을 눌러 해당 그룹을 탈퇴한다.
2순위
그룹 정보 보기
특정 그룹원을 검색하고 싶은 유저는 해당 그룹원의 이름을 검색한다.
3순위
그룹 가입 신청 관리
‘알림 모달’의 ‘그룹 가입 요청’ 버튼을 통해 해당 그룹의 관리자가 가입 요청을 넣은 사용자들의 가입 수락 거절을 할 수 있는 리스트를 보여준다.
1순위
- 관리자용
그룹 가입 신청
홈 페이지에 있는 인기 TIL, 최신 TIL을 보고 특정 그룹에 흥미를 느낀 유저는 해당 그룹을 검색하여 가입 신청을 한다.
1순위
- TIL의 그룹에 대한 정보는 카드 뒷면에 작성자 정보와 함께 나와 있다.
그룹 가입 신청
관심 있는 주제에 대해 그룹에 참여하여 같이 TIL을 공유하고 피드백을 받고 싶은 유저는 그룹을 검색하여 가입을 신청한다.
1순위
그룹 가입 신청
그룹에 흥미를 느낀 유저는 그룹 카드의 자세히 보기 버튼을 클릭하여 그룹 가입 페이지로 이동 후 해당 그룹의 이름, 태그, 소개 및 공지글을 본다.
1순위
TIL 작성
유저가 오늘의 TIL을 올리기 위해 속해있는 그룹의 TIL작성 버튼을 클릭한다. 클릭 후 제목, 내용, 태그를 작성후 작성을 완료한다.
1순위
TIL 작성
작성한 TIL을 모든 유저에게 공개되는 전체 공개를 할 수 있고, 그룹 내의 멤버에게만 보여지는 비공개 설정을 할 수 있다.
2순위
TIL 보기
관심있는 TIL을 보고 TIL을 클릭한다.
1순위
TIL 보기
클릭한 TIL의 페이지에서 제목, 내용, 날짜, 작성자, 태그, 댓글, 공감수를 확인할 수 있다.
1순위
TIL 보기
확인한 TIL에 피드백을 주기위해 공감을 클릭하고, 댓글을 남길 수 있다.
1순위
TIL 보기
본인이 작성한 댓글일 경우, 수정, 삭제가 가능하다
1순위
TIL 보기
본인이 클릭한 공감일 경우 다시 클릭해 취소할 수 있다.
1순위
TIL 보기
그룹의 관리자는 댓글을 삭제할 수 있다
3순위