HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
🍔
김동영팀
/
☺️
유저 스토리
☺️

유저 스토리

Tags
참고
 
기본적인 요구사항
  • 사용자는 회원가입과 로그인을 할 수 있습니다.
  • 사용자는 채널에 올라온 글을 볼 수 있습니다.
  • 사용자는 가입자 목록을 볼 수 있습니다.
  • 사용자는 가입자를 이름으로 검색을 할 수 있습니다.
  • 사용자는 가입자의 정보를 볼 수 있습니다.
  • 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.
  • 인증된 사용자는 자신의 정보를 변경할 수 있습니다.
  • 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.
  • 인증된 사용자는 채널에 포스트를 남길 수 있습니다.
  • 인증된 사용자는 포스트를 좋아요 할 수 있습니다.
  • 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
  • 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
  • SPA 형태로 만들어주세요.
  • 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.
  • + 보너스: 파일 업로드
  • + 보너스: 다크모드
 
 
User Story
done
~로서
~하고 싶다, ~한다
그래서~
카테고리
기타
작성자
done
로그인 된 유저
회원가입, 로그인 창으로 주소에서 입력해 이동한다.
로그인 정보가 있으므로 랜딩페이지로 라우팅된다.
Auth
done
로그아웃 상태의 유저
회원가입을 하기 위해 회원가입 버튼을 누른다.
회원가입 창이 뜨거나, 회원가입 페이지로 이동한다.
Auth
회원가입, 로그인 방식 및 디자인 논의 필요
done
로그아웃 상태의 유저
회원가입을 하기 위해 정보를 작성한다.
회원가입에 대한 정보를 작성할 수 있다.
Auth
done
로그아웃 상태의 유저
회원가입을 하기 위해 정보를 제출한다.
입력한 정보가 요구사항에 일치하는지 검증결과를 받고, 일치하면 제출된다. 제출 된 이후 로그인 페이지로 이동한다.
Auth
입력 정보는 논의하기
done
로그아웃 상태의 유저
회원가입완료
로그인한다.
로그인 창이 뜨거나, 로그인 페이지로 이동한다. 회원가입 절차와 비슷한 경로를 거친다.
Auth
done
로그아웃 상태의 유저
사용자는 회원 가입된 유저 목록을 볼 수 있다.
가입자 목록이 나타난 창??에 가입 현황을 볼 수 있다.
가입자현황
어떻게 보여주는지? 페이지나 창? 가입된 유저 전체? 검색?
done
로그아웃 상태의 유저
사용자는 가입자 목록을 볼 수 없다.
별도 창이나 링크가 있을 경우 회원가입 부분으로 이동된다.
가입자현황
로그인 된 유저
다른 유저가 작성한 글과 댓글을 보고 싶다.
다른 유저의 닉네임을 검색하면 해당 유저의 작성 게시글과 댓글 리스트가 뜨고 링크로 이동할 수 있다.
게시글
유저 정보
검색
로그인 된 유저
다른 유저에 대한 프로필 이미지, 팔로워, 팔로잉 정보, 작성한 게시글 및 댓글의 수를 보고 싶다.
다른 유저의 닉네임을 검색하면 프로필 이미지, 팔로워, 팔로잉 정보, 작성한 게시글 및 댓글의 수를 볼 수 있다.
유저 정보
팔로워 + 팔로잉 기능 할지 말지?
모든유저
특정 키워드에 대한 게시글을 보고 싶다.
검색 창에 키워드를 입력하면 해당하는 게시글이 목록으로 뜨고, 링크로 이동할 수 있다.
게시글
검색
키워드 포함만 해도 필터링됨 - 검색 기능
로그인 된 유저
검색 결과 목록으로 뜬 게시글 작성자에 대한 정보를 보고 싶다.
검색 결과 목록에서 각 게시글에 대한 작성자 프로필 이미지와 닉네임이 함께 뜨고, 해당 작성자에 대한 프로필 페이지로 이동할 수 있다.
검색
유저 정보
게시글
게시글 검색 시 작성자 정보도 같이 뜨는가? 프로필 페이지는 상단에서 설명한 프로필 활동 내역 페이지를 의미
done
로그인 된 유저
새로운 포스트를 작성하고 싶다.
내 계정명으로 새로운 포스트가 생성된다.
게시글
done
로그인 된 유저
새로운 포스트를 작성하기 위한 버튼을 클릭한다.
포스트 생성 페이지로 이동한다.
페이지 이동
로그아웃 상태의 유저
새로운 포스트를 작성하기 위한 버튼을 클릭한다.
로그인을 하라는 알림창이 뜨며, 로그인 화면으로 이동한다.
게시글
Auth
버튼 활성화 여부부터
done
로그인 된 유저
자신의 계정 버튼을 클릭한다.
자신의 계정 페이지로 이동한다.
페이지 이동
위의 프로필 페이지와 다름. 여기선 계정 관리 차원의 프로필 페이지
로그인 된 유저
자신의 계정 정보를 보고 싶다.
내 계정 정보를 볼 수 있다.
유저 정보
버튼 활성화 여부부터
로그인 된 유저
자신의 계정 정보를 수정하고 싶다.(프로필 사진 포함)
내 계정의 정보가 수정된다.
유저 정보
계정 정보 논의 필요
done
모든유저
모든 글을 보고 싶다.
모든 글 목록을 볼 수 있다.
게시글
검색
채널 분류 여부 논의 / 제품군으로 채널 나누기 (논의 필요)
done
모든유저
특정 포스트 글을 상세하게 보고 싶다.
특정 포스트 글을 상세하게 볼 수 있다.
게시글
검색
로그인 된 유저
포스트에 좋아요를 누르고 싶다.
해당 포스트의 좋아요 버튼을 누르고 좋아요 수가 증가한다
Post
실시간 반영
로그인 된 유저
싫어요??
해당 포스트의 싫어요 버튼을 누르고 싫어요 수가 증가한다
Post
실시간 반영
로그인 된 유저
포스트에 댓글을 남기고 싶다.
포스트에 새로운 댓글을 작성하고 제출시 새로운 댓글이 생성된다.
Post
로그인 된 유저
포스트에 남긴 댓글을 삭제하고 싶다.
댓글을 작성한 유저와 삭제하려는 유저가 동일하다면 삭제버튼을 누를 시 댓글이 삭제된다
delete
삭제 버튼 활성화 여부 논의
로그인 된 유저
자신의 알림 목록을 확인하고 싶다.
알림목록에는 내가 쓴 포스트의 좋아요, 댓글, 팔로우신청, 메세지가 존재한다.
Post
로그인 된 유저
자신에게 온 알림을 클릭하면 해당 게시글로 이동하고 싶다.
게시글에 달린 좋아요 알림, 댓글알림을 클릭하면 해당 게시글로 이동된다. 팔로우신청 알림을 클릭하면 해당 프로필로 이동한다.
페이지 이동
done
모든유저
다크모드, 기본모드를 전환할 수 있다.
토글 버튼이 존재한다. 토글버튼을 누르면 다크모드인 경우에는 기본모드로, 기본모드인 경우에는 다크모드로 전환한다.
Put
디자인 논의
done
로그인 된 유저
로그인된 유저는 자신이 쓴 포스트에 이미지를 업로드 할 수 있다.
포스트를 쓰는 부분에 이미지 업로드 버튼이 있고, 이를 누를 때, 이미지가 올라가서 저장된다.
가입자현황
댓글에는 이미지 첨부 X
done
로그아웃 상태의 유저
로그아웃된 유저는 자신이 쓴 포스트나 댓글을 볼 수도 없고, 파일을 업로드 할 수도 없다.
로그아웃된 유저는 포스트나 댓글에 접근할 수 없다.
가입자현황
페이지 이동
비로그인시 : 댓글 비활성화
done
모든유저
엉뚱한 페이지에 들어가면 404페이지가 나온다.
잘못된 경로에 들어가면 404페이지로 접속한다. 이후 홈 페이지로 이동하는 버튼이 있어서 눌러서 이동한다
페이지 이동
싫어요…
싫어요