1. Explore the Organization
2. Explore Front-end Repository
3. Explore Back-end Repository
4. Explore API Documents
5. Explore ERD
인스타그램 클론 코딩은 Spring Boot와 React를 기반으로 이미지 기반 소셜 미디어 인스타그램 서비스를 하나하나 구현해가는 프로젝트입니다.
- 친숙한 서비스인 Instagram을 분석해서 구조를 직접 설계합니다.
- 역할을 분담하여 서비스를 코드로 구현하고 배포해봅니다.
- 구현하는 과정에서 Front-end와 Back-end가 협업하는 과정을 이해합니다.
- RESTful API를 직접 설계하고 API를 통한 HTTP 통신을 겪으며 협업 능력을 기릅니다.
- 자신이 맡은 부분을 남에게 설명할 수 있는 의사소통 능력을 기릅니다.
- 단순히 구현 후 끝나는 것이 아닌 코드 리뷰와 피드백을 통해 함께 성장합니다.
- 기존의 코드를 지속적으로 개선하기 위해 리팩토링을 진행합니다.
- 구현하는 과정에서 Front-end와 Back-end가 협업하는 과정을 이해합니다.
- Spring Boot와 React를 기반으로 다양한 기술 스택을 학습하고 적용합니다.
현재 다양한 시연 영상을 만들고 있는 중입니다. 더 다양한 기능을 직접 체험해 보시려면 배포 사이트에 접속해 보세요!😊
로그인
- 로그인
- 로그인 활동
- 로그아웃
게시물
- 게시물 무한 스크롤 조회
- 게시물 좋아요
- 게시물 저장
- 게시물 업로드
팔로우
- 팔로우
- 언팔로우
DM
- 메시지 보내기/취소
- 메시지 좋아요/취소
- 이미지 보내기
- 채팅방 목록 조회
- 채팅방 조회
| ⚛Front-end | Language | TypeScript |
|---|---|---|
| Library | React | |
| State Container | Redux | |
| Component | Styled-Components | |
| Asynchronous | Axios | |
| Messaging | SockJS, StompJS | |
| Open API | Naver Map API | |
| 🌱Back-end | Language | Java 11 |
| Framework | Spring Boot 2.5.4 | |
| ORM | Spring Data JPA, Querydsl | |
| SMTP | Gmail SMTP | |
| Authorization | Spring Security, JWT | |
| Messaging | WebSocket, STOMP | |
| API Documentation | Swagger | |
| Database | MySQL, H2, Redis, GeoIP | |
| Test | JUnit5, Mockito | |
| Open API | Kakao Map API | |
| 👨👩👦👦Collaboration | Api Test | Postman |
| Communication | Notion, Google Meet | |
| Version Control | Github | |
| 🛠AWS Public Cloud Service | EC2, RDS, S3, ElastiCache, VPC, Internet gateway, NAT gateway, NLB, ALB, Route 53, Certificate Manager | |
|
김선필 🍪Back-end ✈Team Leader 💻 |
최다훈 🧀Back-end 💻 |
한수화 ☕Front-end 💻 |
김영인 🍖Front-end 💻 |