Creddit: 웹 소셜 네트워크 서비스

자신만의 프로필을 만들고 글을 올리고 채팅을 할 수 있는 소셜 네트워크 서비스로 레딧 사이트를 클론한 프로젝트

Functions

• 사이트 배경색 2가지 버전

  
  

• 로그인 & 회원가입 - Security + JWT를 통한 로그인, 네이버 로그인 , 카카오 로그인

  
  

• 비밀번호 찾기 - 해당 이메일에 새로 발급된 비밀번호를 전송

  
  

• 프로필 생성 & 수정 - 프로필 사진, 소개 글을 생성, 수정, 삭제

  
  

• 팔로우 기능

  
  

• 가입된 유저를 검색해서 대화 상대로 추가한 후 채팅

  
  

• 글 생성 & 수정 & 삭제 - 사진을 포함하거나 포함하지 않고 글을 생성, 수정, 삭제

  
  

• 글 목록 무한 스크롤 - 무한 스크롤을 구현하여 글이 스크롤에 따라 새로 출력

  
  

• 글, 댓글 최신순 & 인기순 정렬 - 인기순일 시 좋아요 순으로 출력

  
  

• 글 검색

  
  

• 팔로우한 사람의 글 모아보기

  
  

• 댓글 생성 & 수정 & 삭제

  
  

• 답글 생성 & 수정 & 삭제

  
  

• 글, 댓글 좋아요 기능

  

SKills

• Back-end

  • Language: JAVA 11
  • Framework: SpringBoot
  • ORM: JPA
  • Build Tool: gradle
  • DBMS: MySQL, NoSQL
    

• Server

  • AWS EC2
  • AWS S3
    

• Front-end

  • Language: TypeScript
  • Framework: React, Next.js
  • State management: Redux, SWR
  • Package manager: Yarn Berry
  • Test: Testing Library
  • Style: Sass
  • Web Socket: SockJS-client , Stomjs

Main Server ERD

Chat Server ERD

Web App Architecture

Members

• Front-end : 이우철 | 김경민
• Back-end : 김윤희 | 김영은 | 인세훈
  
  

Development Period

2022.03.20 ~ 2022.05.20

Development Rules

개발 규칙, 기술 스택과 선택한 이유, 팁, 에러 해결 방법