목차
소셜 네트워크 프로젝트기본 요구사항보너스 요구사항API 안내인증로그인Request BodyResponse회원가입Request BodyResponse로그아웃인증 확인Request HeaderResponse사용자사용자 목록Request ParamsResponse현재 접속 중인 사용자 목록Response사용자 정보Response프로필 이미지 변경Request HeaderRequest BodyResponse커버 이미지 변경Request HeaderRequest BodyResponse설정내 정보 변경Request HeaderRequest BodyResponse비밀번호 변경Request HeaderRequest Body채널채널 목록Response채널 정보Response포스트특정 채널의 포스트 목록Request ParamsResponse특정 사용자의 포스트 목록Request ParamsResponse특정 채널에 포스트 작성하기Request HeaderRequest Body특정 포스트 상세 보기Response내가 작성한 포스트 수정하기Request HeaderRequest Body내가 작성한 포스트 삭제하기Request HeaderRequest Body좋아요특정 포스트 좋아요Request HeaderRequest BodyResponse특정 포스트 좋아요 취소Request HeaderRequest BodyResponse댓글특정 포스트에 댓글 달기Request HeaderRequest BodyResponse특정 포스트에 작성한 내 댓글 지우기Request HeaderRequest BodyResponse알림나의 알림 목록Request HeaderResponse알림 확인 처리Request Header알림 생성Request HeaderRequest BodyResponse팔로우특정 유저 팔로우Request HeaderRequest BodyResponse특정 유저 언팔Request HeaderRequest BodyResponse메시지나의 메시지함 (소통한 유저 목록)Request HeaderResponse특정 사용자와 소통한 메시지 목록Request HeaderRequest ParamsResponse특정 사용자에게 메시지 전송Request HeaderRequest BodyResponse메시지 확인 처리Request HeaderRequest Body검색사용자 검색Response전체 검색 (포스트, 사용자)ResponseWebSocket 안내onSEND_MESSAGECREATE_NOTIFICATION_REQUESTemitCREATE_MESSAGECREATE_NOTIFICATION모델 안내UserChannelPostLikeCommentNotificationFollowConversationMessage
소셜 네트워크 프로젝트
React 혹은 Vue.js를 이용하여 소셜 네트워크 서비스를 구현합니다. 기본적인 서버 API는 제공되며 디자인과 아키텍처는 자유롭게 작성합니다.
서버 API는 모든 팀이 공용으로 사용합니다. 작성한 데이터가 다른 사용자에게 노출될 수 있으니 주의해주세요!
기본 요구사항
필수
- 사용자는 회원가입과 로그인을 할 수 있습니다.
- 가입, 로그인, 인증 검사
- 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 글쓰기, 채널 목록, 채널 내 글 목록
- 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 인증된 사용자는 채널에 포스트를 남길 수 있습니다.
- 인증된 사용자는 포스트를 좋아요 할 수 있습니다.
- 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
- SPA 형태로 만들어주세요.
- 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.
선택
- 사용자는 현재 접속 중인 사용자를 볼 수 있습니다.
- 사용자는 가입자 목록을 볼 수 있습니다.
- 사용자는 가입자를 이름으로 검색을 할 수 있습니다.
- 사용자는 가입자의 정보를 볼 수 있습니다.
- 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.
- 인증된 사용자는 자신의 정보를 변경할 수 있습니다.
- 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
- 인증된 사용자는 다른 가입자에게 메시지를 보낼 수 있습니다.
- 인증된 사용자는 자신에게 온 메시지 목록을 확인 할 수 있습니다.
- 인증된 사용자는 특정 사용자와의 메시지 대화 내역을 확인 할 수 있습니다.
보너스 요구사항
- 인증된 사용자는 프로필 이미지 변경 및 포스트를 작성할 때 이미지를 첨부할 수 있습니다. 파일 업로드를 구현해보세요.
- 다크 모드를 적용해보세요.
- WebSocket을 이용하여 다른 사용자의 메시지를 실시간으로 받아보세요.
- WebSocket을 이용하여 알림을 받고 알림을 Context와 localStorage로 관리해보세요.
API 안내
API Host는
http://13.209.30.200
입니다. API 사용에 문제가 있다면 문의바랍니다.
- 주의할 점으로 API에 예외처리가 안되어있는 경우가 있습니다. 이 경우 프론트엔드에서 Form Validation을 해주시면 됩니다.
- 응답이 모델로 되어있는 경우 하단 모델 안내를 확인해주세요.
- Optional<Type>으로 적혀있는 경우 값을 넣지 않아도 동작하는 필드입니다.
- Nullable<Type>으로 적혀있는 경우 null이 내려올 수 있는 필드입니다.
- []는 리스트 타입입니다.
- API URL에 중괄호로 감싸져 있는 부분은 Path Variable 입니다.
인증
로그인
사용자가 이메일과 비밀번호로 서비스에 로그인합니다.
POST /login
Request Body
Response
200 OK
회원가입
사용자가 이메일과 비밀번호로 서비스에 가입합니다.
POST /signup
Request Body
Response
200 OK
로그아웃
사용자가 로그아웃 합니다.
POST /logout
인증 확인
사용자가 인증이 되었는지 확인합니다.
GET /auth-user
Request Header
Response
사용자
사용자 목록
사용자 목록을 불러옵니다.
GET /users/get-users
Request Params
Response
현재 접속 중인 사용자 목록
현재 접속 중인 사용자 목록을 불러옵니다.
GET /users/online-users
Response
사용자 정보
특정 사용자 정보를 불러옵니다.
GET /users/{userId}
Response
프로필 이미지 변경
나의 프로필 이미지를 변경합니다.
POST /users/upload-photo
Request Header
Request Body
FormData
isCover
를 반드시 false
로 넣어야 합니다.Response
커버 이미지 변경
나의 커버 이미지를 변경합니다.
POST /users/upload-photo
Request Header
Request Body
FormData
isCover
를 반드시 true
로 넣어야 합니다.Response
설정
내 정보 변경
나의 정보를 변경합니다.
PUT /settings/update-user
Request Header
Request Body
Response
비밀번호 변경
내 계정 비밀번호를 변경합니다.
PUT /settings/update-password
Request Header
Request Body
채널
채널 목록
채널 목록을 불러옵니다.
GET /channels
Response
채널 정보
특정 채널 정보를 불러옵니다.
GET /channels/{channelName}
Response
포스트
특정 채널의 포스트 목록
특정 채널의 포스트 목록을 불러옵니다.
GET /posts/channel/{channelId}
Request Params
Response
특정 사용자의 포스트 목록
특정 사용자의 포스트 목록을 불러옵니다.
GET /posts/author/{authorId}
Request Params
Response
특정 채널에 포스트 작성하기
특정 채널에 포스트를 작성합니다.
POST /posts/create
Request Header
Request Body
FormData
특정 포스트 상세 보기
특정 포스트의 정보를 불러옵니다.
GET /posts/{postId}
Response
내가 작성한 포스트 수정하기
내가 작성한 포스트를 수정합니다.
PUT /posts/update
Request Header
Request Body
FormData
이미지를 삭제하려면
imageToDeletePublicId
에 imagePublicId
를 넣어주세요.내가 작성한 포스트 삭제하기
내가 작성한 포스트를 삭제합니다.
DELETE /posts/delete
Request Header
Request Body
좋아요
특정 포스트 좋아요
특정 포스트에 좋아요합니다.
POST /likes/create
Request Header
Request Body
Response
특정 포스트 좋아요 취소
특정 포스트에 좋아요한 것을 취소합니다.
DELETE /likes/delete
Request Header
Request Body
Response
댓글
특정 포스트에 댓글 달기
특정 포스트에 댓글을 작성합니다.
POST /comments/create
Request Header
Request Body
Response
특정 포스트에 작성한 내 댓글 지우기
특정 포스트에 작성한 내 댓글을 삭제합니다.
DELETE /comments/delete
Request Header
Request Body
Response
알림
나의 알림 목록
나의 알림 목록을 불러옵니다.
GET /notifications
Request Header
Response
알림 확인 처리
나에게 온 알림을 읽음처리 합니다.
GET /notifications/seen
Request Header
알림 생성
상대방에게 알림을 보냅니다.
POST /notifications/create 원래는 서버에서 해주는게 맞는 작업이지만 API 호출로 알림을 보낼 수 있도록 작성했습니다.
Request Header
Request Body
notificationTypeId
는 type에 해당하는 객체의 id를 넣어주세요.- COMMENT일 경우엔 댓글 id
- FOLLOW일 경우엔 팔로우 id
- LIKE일 경우엔 좋아요 id
- MESSAGE일 경우엔 메시지 id
postId
는 type이 FOLLOW일 경우엔 null로 보내주세요.
Response
팔로우
특정 유저 팔로우
특정 유저를 팔로우합니다.
POST /follow/create
Request Header
Request Body
Response
특정 유저 언팔
특정 유저를 언팔합니다.
DELETE /follow/delete
Request Header
Request Body
Response
메시지
나의 메시지함 (소통한 유저 목록)
나와 메시지함을 불러옵니다.
GET /messages/conversations
Request Header
Response
특정 사용자와 소통한 메시지 목록
특정 사용자와 소통한 메시지 목록을 불러옵니다.
GET /messages
Request Header
Request Params
Response
특정 사용자에게 메시지 전송
특정 사용자에게 메시지를 전송합니다.
POST /messages/create
Request Header
Request Body
Response
메시지 확인 처리
특정 사용자와 나눈 메시지를 읽음처리 합니다.
PUT /messages/update-seen
Request Header
Request Body
검색
사용자 검색
사용자를 검색합니다.
GET /search/users/{query}
Response
전체 검색 (포스트, 사용자)
포스트와 사용자를 검색합니다.
GET /search/all/{query}
Response
WebSocket 안내
on
클라이언트가 서버에게 데이터를 받습니다.
SEND_MESSAGE
실시간으로 메시지를 받습니다.
CREATE_NOTIFICATION_REQUEST
실시간으로 생성된 알림을 받습니다.
emit
클라이언트가 서버에게 데이터를 보냅니다.
CREATE_MESSAGE
CREATE_NOTIFICATION
모델 안내
API에 따라 모델 필드에서 일부분이 빠진 상태로 내려올 수 있습니다.
ex) 로그인 후 내려오는 User에는 프로필 이미지와 커버 이미지 필드가 제거됩니다.
User
Channel
Post
Like
Comment
Notification
Follow
Conversation
Message
#프로그래머스/KDT