📚 StudyHub

프로젝트 팀원 모집, 알고리즘 스터디 모집, 면접 스터디 모집을 위한 웹 플랫폼

StudyHub는 개발자들이 프로젝트와 스터디 팀원을 모집하고 협업할 수 있도록 만든 웹 서비스입니다.

사용자는 모집글을 작성하거나 원하는 모집에 지원할 수 있으며, 작성자는 지원자를 승인 또는 거절할 수 있습니다. 승인된 사용자들만 전용 채팅방에 참여하여 WebSocket 기반의 실시간 채팅을 이용할 수 있습니다.

---

🚀 개발 기간

2026.06 ~ 2026.07

---

🛠 Tech Stack

Backend

• Java 21
• Spring Boot
• Spring Security
• Spring Data JPA
• JWT
• WebSocket (STOMP)
• Gradle

Frontend

• React
• React Router
• Axios
• CSS

Database

• MySQL

Deployment

• AWS EC2 (예정)

---

✨ 주요 기능

👤 회원

• 회원가입
• 로그인
• JWT 기반 인증
• Spring Security 인증/인가

---

📝 모집글

• 모집글 작성
• 모집글 수정
• 모집글 삭제
• 모집글 목록 조회
• 모집글 상세 조회
• 제목 검색
• 카테고리 필터
• 페이징
• 모집 마감

---

🙋 지원 시스템

• 모집글 지원
• 지원 취소
• 지원 여부 확인
• 지원 승인
• 지원 거절
• 현재 승인 인원 표시

---

💬 댓글

• 댓글 작성
• 댓글 조회
• 댓글 삭제

---

💬 실시간 채팅

• 승인 시 채팅방 자동 생성
• WebSocket 실시간 채팅
• 채팅 내역 DB 저장
• 채팅방 접근 권한 관리

---

🔐 인증 방식

로그인
      │
      ▼
JWT 발급
      │
      ▼
LocalStorage 저장
      │
      ▼
Axios Authorization Header
      │
      ▼
JwtAuthenticationFilter
      │
      ▼
Spring Security 인증
      │
      ▼
Controller

---

💬 채팅 흐름

모집글 작성
      │
      ▼
지원
      │
      ▼
작성자 승인
      │
      ▼
채팅방 생성
      │
      ▼
WebSocket 연결
      │
      ▼
실시간 채팅
      │
      ▼
DB 저장

---

📂 프로젝트 구조

StudyHub
│
├── config
├── global
│
├── domain
│   ├── member
│   ├── post
│   ├── application
│   ├── comment
│   └── chat
│
└── resources

---

⚙ 실행 방법

Backend

git clone https://github.com/본인아이디/StudyHub.git

cd StudyHub

./gradlew bootRun

Spring Boot 서버 실행

http://localhost:8080

---

Frontend

cd frontend

npm install

npm run dev

React 서버 실행

http://localhost:5174

---

📸 주요 화면

로그인

---

회원가입

---

메인 화면

---

글작성

---

모집글 상세

---

목록

---

채팅

---

🗄 ERD

(ERD 이미지 추가)

---

📈 향후 개선 사항

• AWS EC2 배포
• Docker 적용
• Redis를 활용한 채팅 성능 개선
• 알림(Notification) 기능
• 파일 업로드
• 좋아요 기능
• 관리자 페이지

---