⭐ 인스타그램 클론코딩

링크 http://happyarong.shop.s3-website.ap-northeast-2.amazonaws.com/login
영상링크 https://www.youtube.com/watch?v=cfT0ilynghU

프로젝트 소개

클로닝 대상 서비스

• Instargram
• link : https://www.instagram.com/
• 선택 이유 파일업로드와 좋아요 기능을 구현해보는 것을 목적으로 삼고 스코프를 합리적으로 가져가기 위해 웹서비스를 탐색하던 중 웹버전 인스타그램이 적합하다고 판단함

프로젝트 기간

2021/10/18 ~ 2021/10/22

구현기능

• 로그인(JWT 토큰), 회원가입 구현
• 게시글 CRD 구현
• 파일업로드 구현
• 게시글 좋아요 기능 구현

Developers

Backend (Node.js)

• 양주혁
• 장재원
• 홍성현

Frontend (React)

• 이아영 : 로그인, 회원가입, 게시글작성(파일업로드), 게시글삭제, 맡은페이지 CSS
• 조민갑 : 맡은페이지 CSS
• 최진식 : 메인페이지 리스트 불러오기, 좋아요기능, 댓글 작성기능, 맡은페이지 CSS

API, DB 설계

https://docs.google.com/spreadsheets/d/1C2EIqLhK7BeodXyVxayOFfIX0kb5Aue_fLQQk4xZhFM/edit?usp=sharing

기술스택

종류	이름
개발언어	JavaScript
프레임워크	React

적용 라이브러리

종류	설명
axios	비동기 통신
react-redux	상태관리
redux-thunk	미들웨어
immer	불변성 관리
styled-components	js파일 내에 css사용