HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
🐤
장현석팀
/
📱
소셜 네트워크 프로젝트
/
🗃️
컴포넌트 및 기능 정리
🗃️

컴포넌트 및 기능 정리

sns : 레딧, 트위터
Component 설정
Shared Component 문서
 

채널 정의

→ 우리팀 채널 하나만 만들어서 쓸거임
→ 우리팀의 규칙이 있는 채널 하나 만들어서 그 채널에서만 글을 쓰고 볼 수 있게
 

게시물 리스트 component

notion image
notion image
GET /posts/channel/{channelId}
love_you_HS 채널의 게시물 리스트가 보여짐
 

게시물 component

참고
notion image
notion image
notion image
  • 썸네일 이미지 (이미지가 있는 경우)
  • 게시물 제목
  • 게시물 내용(100자? 이내)
  • 작성일
  • 수정일
  • 댓글 개수
  • 좋아요 개수

게시물 상세 component

POST /posts/create
  • 게시물의 상세 내용을 볼 수 있음
  • 하단에 댓글을 남길 수 있음
  • 내 댓글을 지울 수 있음
  • 좋아요를 누르거나 취소할 수 있음
 

게시물 작성 component

POST /posts/create
  • + 게시물 수정 component

게시물 검색 component

notion image
GET /search/all/{query}
  • 검색 컴포넌트를 하나 만들어서 유저도 검색 가능하고, 포스트도 검색가능하게 만들지
  • 아니면, 유저만 검색 가능한 컴포넌트를 따로 만들고
  • 포스트만 검색 가능한 컴포넌트를 따로 만들어서 기능을 분리할지

접속중인 사용자 리스트 component

notion image
GET /users/online-users
접속 중인 사용자 리스트가 보여짐
  • 사용자 이름으로 보여질지?
  • 사용자 프로필 이미지(페이스북처럼?)로 보여지고, hover 하면 이름이 toolbar 같은걸로 뜰지

유저 검색 component

GET /search/users/{query}
  • 유저를 검색할 수 있음(이름으로? 아이디로? API 는 어떻게 되어있지?)
 

팔로워/팔로우 리스트 컴포넌트

  • 팔로워/팔로잉한 유저 리스트를 확인할 수 있는 컴포넌트
    • 로그인하면 돌아오는 User 정보에서 확인할 수 있음

알림 목록 component

GET /notifications
  • 알림 목록을 볼 수 있는 컴포넌트
  • 읽음처리를 할 수 있음

DM 리스트 컴포넌트

GET /messages/conversations
  • 메시지 목록을 확인할 수 있는 컴포넌트

DM 컴포넌트

GET /messages
POST /messages/create
  • 메시지를 보낼 수 있는 컴포넌트
 

사용자 정보

notion image
  • followers, following, isOnline
 

내 활동 내역(페이지) 컴포넌트

  • post, likes, comments
 

계정 설정 컴포넌트