HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
🐻
오프팀
/
빅토리아 Bigtoria
빅토리아 Bigtoria
/
📒
회의록
/
유저 스토리 및 화면 배치

유저 스토리 및 화면 배치

날짜
Jan 6, 2023
 
  1. 유저스토리
    1. 기본틀은 인스타그램처럼
    2. 웹사이트, 모바일 버전 모두 제작 → 반응형
    3. 로그인을 어디에 넣을 건가
      1. 인증되지 않은 사용자도 서비스를 사용할 수 있게 → readonly
      2. 로그인은 상단에 위치
    4. 게시글 정의
      1. 이미지, 글을 적을 수 있는 Post
    5. 게시글 전체 조회 화면
      1. 사용자 프로필과 간단한 소개글을 함께 개시
      2. 여러 명의 랜덤 사용자 프로필 게시
      3. 인증 여부 상관 없이 보여지는 화면
    6. 마이 스토리
      1. 마이 커버 이미지,
      2. 타임라인
      3.  
사용자는 맨 처음 모두의 스토리 화면을 보게 된다. 모두의 스토리 화면에는 여러 사용자의 프로필 이미지와 간단한 정보가 노출되어 있다. 흥미를 느끼고 사용자는 한 사람의 프로필 이미지를 클릭해본다. 클릭하고 나면 그 사용자의 전체 연혁에 대한 스토리를 한 눈에 볼 수 있다. 사용자는 흥미가 생겨 자신의 스토리를 만들어보려 한다 오른쪽 헤더에 있는 햄버거메뉴를 눌러서 회원가입탭을 클릭하고 회원가입을 한다. (회원가입하고 나서 ) 사용자는 내 스토리 창에서 추가버튼을 눌러서 스토리를 하나 추가한다. 편집창에서는 사진과 날짜, 간단한 글 내용을 추가할 수 있다. 글 작성 완료 후, 스토리 상세페이지로 자동으로 이동해 상세 내용을 확인할 수 있다. 사용자는 전체 스토리에서 이름 키워드를 가지고 검색을 할 수 있다. 사용자는 햄버거 메뉴 옆 알림 버튼을 통해 자기에게 3개의 알림이 왔다는 걸 확인할 수 있었다. 알림 버튼을 누름으로 알림창으로 이동할 수 있다. 메세지 탭과 게시글 탭을 통해 자기에게 온 메세지와 게시글에 달린 댓글과 좋아요 알림을 확인할 수 있었다.