HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
오프팀
오프팀
/
예전 문서
예전 문서
/
📲
SNS 프로젝트
/참고할만한 사이트 캡처본, 기능 정리해오기!/
정동환

정동환

아직 수정중~~

참고해볼 사이트

facebook
reddit
LinkedIn
snapchat : 자동삭제 기능 신기하다
TikTok

페이지별 기능

00. 어디서나

💡
1. 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
facebook
notion image
 
notion image
 
instagram: 알림 보기를 누르면 드롭다운으로 알림 보여주는 듯, 모바일에서는 꽉찬 페이지로 보여줌
notion image
 
 

01. 메인화면

💡
1. 사용자는 채널에 올라온 글을 볼 수 있습니다. 2. 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다. 3. 인증된 사용자는 포스트를 좋아요 할 수 있습니다. 4. 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
 
랜딩 페이지 + 메인 페이지 (facebook, insta, linkedin) vs 메인 페이지(redit)
레딧
  • 페북, 인스타는 로그인해야 컨텐츠들 볼 수 있도록 했음. 레딧은 처음 페이지 들어가면 컨텐츠들 볼 수 있음
  • 여기 topic을 채널 개념으로 볼수 있지 않을까 생각함
notion image
 
facebook
notion image
linkedin
notion image
 
 

02. 프로필화면

💡
1. 인증된 사용자는 자신의 정보를 변경할 수 있습니다.
 
notion image
 
인스타는 게시글을 올릴때 사진이 필수여서 갤러리 형태로 유저의 게시글을 보여줄 수 있음- 우리는 안될듯
프로필 페이지에서 작성 게시글을 보여주는 건 레딧이나 페이스북을 참고해야 할듯
 
 

03. 검색 페이지 (유저 or 게시물)

💡
1. 사용자는 가입자 목록을 볼 수 있습니다. 2. 사용자는 가입자를 이름으로 검색을 할 수 있습니다. 3. 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.
notion image
드롭다운으로 검색 카테고리 필터하는게 나을지도?
 
 

04. 회원가입, 로그인 페이지

💡
1. 사용자는 회원가입과 로그인을 할 수 있습니다.
 
facebook
 
notion image
 
notion image
 
notion image
linkedin
notion image

05. 게시글 입력, 수정 페이지

💡
1. 인증된 사용자는 채널에 포스트를 남길 수 있습니다.

06. Not found 페이지

기능 x

더 생각해볼 것

랜딩 페이지 만들 것인가
랜딩 + 메인
  1. 로그인 전 랜딩 페이지
notion image
  1. 로그인 후 메인 페이지
notion image
only 메인
  1. 로그인과 상관없이 메인 페이지
notion image
 
 
navigation bar의 위치를 어디에 둘 것인가
  1. 페이스북은 상단에 고정
  1. 인스타그램은 pc는 왼쪽, 모바일은 하단
게시글 수정 페이지를 따로 만들어야 할까?
  1. 게시글 이벽 페이지를 재활용
  1. 게시글 수정 페이지 따로 생성
게시글 상세 페이지 만들까 말까
  1. 메인 페이지에서 보여주기
    1. notion image
       
  1. 게시글 상세 페이지
    1. notion image