camp2022_allin

스마일게이트 개발 캠프 2022 - 윈터 개발 캠프 2기 - All-IN

---

👨‍👩‍👧‍👦 팀 소개

임채승	김종준	정하영	이하얀
Front-End	Back-End	Back-End	Back-End
loopy-lim	belljun3395	gkdud583	hayannn
-	-	velog	velog

---

🚀 프로젝트 소개

서비스 소개

NOW.와 같은 서비스를 제공하는 실시간 스트리밍 웹어플리케이션

프로젝트 목표

NOW.를 기반으로 한 대량의 트래픽을 받는 웹 프로젝트 제작

• 프로젝트 세부 화면 보기

기술 스택

Frontend

• React
• React Router
• Vite
• Tailwind
• STOMP
• SockJS
• Recoil
• PNPM
• MSW

Backend

🔐 인증인가 관련 서버

• Java 11
• Spring Boot 2.6.8
• Spring Data JPA
• Spring Security
• JWT 0.11.2
• Lombok
• Xampp 3.3.0
• MySQL 10.4.24
• Redis
• AWS EC2

💌 채팅 관련 서버

• Java 17
• SpringBoot 3.0.1
• Websocket, STOMP, SockJS
• Redis
• Mongo DB
• Kafka
• AWS EC2

🚨 신고 관련 서버

• Java 17
• SpringBoot 3.0.2
• Spring Data JPA
• MySQL8
• Kafka
• AWS EC2

📚 배치 서버

• Java 17
• SpringBoot 3.0.2
• Spring Data JPA
• Spring Batch
• Spring Scheduler
• MySQL8
• Redis
• Mongo DB
• AWS EC2

🎥 라이브 관련 서버

• Java 11
• SpringBoot 2.6.8
• Spring Data JPA
• MySQL
• MariaDB
• Nginx
• Kafka
• AWS EC2

API Gateway

• Spring Cloud Netflix Eureka
• Spring Cloud Starter Netflix Zuul

---

🛠️ 아키텍처

---

👨‍💻 역할분담

Frontend

임채승

• Web App

Backend

김종준

• 라이브 관련 부분 구현

  • 미디어 서버
  • CDN 서버
  • 매니저 서버
  • nginx 서버

• API Gateway

정하영

• 채팅, 신고 관련 부분 구현
  • 채팅 서버
  • 신고 서버
  • 배치 서버

이하얀

• 인증인가 관련 부분 구현
  • 인증인가 서버

---

🗂️ 디렉터리 구조

sgdevcamp2022/allin
├──  docs
├──  backend
|    ├── Authserver7
|    ├── batch
|    ├── cdn
|    ├── chat
|    ├── manager
|    ├── media
|    ├── nginx
|    └── report
|
└── frontend
    ├── public
    └── src
        ├── assets
        ├── Atoms
        ├── Elements
        ├── Hooks
        ├── mocks
        ├── Pages
        |   ├── Home
        |   └── Sign
        └── utils            

전체

Directory	Description
docs	설계, 기능 설명, API 문서

Frontend

Directory	Description
assets	내부 사이트에 들어갈 정적인 정보
Atoms	recoil의 State에 관한 정보
Elements	페이지를 구성하는 부분
Hooks	커스텀 React Hook
mocks	MSW서버 내용
Pages	실제로 보여지는 페이지 부분
utils	공용적으로 사용하는 util의 모음

backend

Directory	Description
Authserver7	인증인가 서버
batch	배치 서버
chat	채팅 서버
report	신고 서버
cdn	cdn 서버
manager	매니저 서버
media	미디어 서버
nginx	nginx 서버

---

🪄 컨벤션

커밋 컨벤션

메시지	설명
feat (feature)	새로운 기능 추가
fix (bug fix)	버그 수정
style (formatting, missing semi colons, …)	코드 포맷팅
refactor	코드 리팩토링
test (when adding missing tests)	테스트 관련
chore (maintain)	기타 수정