Instagram Clone 📷

인스타그램을 클론코딩하였습니다.
http://hyoni.shop/

1. 제작 기간 & 팀원 소개

• 2021년 7월 9일 ~ 7월 15일
• 4인 1조 팀프로젝트
  • 백엔드 (Spring) : 최민서, 최왕규
  • 프론트엔드 (React) : 정효윤, 박민주

2. 사용 기술

Back-end

• Java 8
• SpringBoot 2.5.2
• Spring Security
• Gradle 7.0.2
• JPA
• MySQL 8.0

Front-end

• React (React Repository이동)

deploy

• AWS EC2 (Ubuntu 18.04 LTS)
• AWS RDS (MySQL 8.0)
• AWS S3

3. 실행화면

자세한 영상 : https://youtu.be/xx5b8UGtNPg

4. ERD 설계

5. API 설계

로그인 & 회원 가입 API 설계

게시글과 좋아요 API 설계

댓글 API 설계

메인 페이지와 유저 페이지 API 설계

5. 주요 기능

• 로그인, 회원가입
  • JWT의 단점을 극복하려 RefreshToken 도입 (코드 보러가기)
• 게시글 CRUD
  • 무한스크롤를 위한 페이징 처리 (코드 보러가기)
  • AWS S3에 이미지 업로드 (코드 보러가기) - 관련 이슈 보러가기
  • 자신이 작성했던 게시글만 수정, 삭제를 할 수 있습니다.
• 댓글 CRUD
  • 댓글과 게시글의 연관관계 : 단방향 ManyToOne
  • 댓글과 사용자의 연관관계 : 단방향 ManyToOne
  • 자신이 작성했던 댓글만 수정, 삭제를 할 수 있습니다.
• 게시글 좋아요
  • 좋아요와 게시글의 연관관계 : 단방향 ManyToOne
  • 좋아요와 사용자의 연관관계 : 단방향 ManyToOne
  • 사용자는 하나의 게시글에 한 번의 좋아요만 할 수 있습니다.