Realtime

개요

Realtime Frontend는 사용자가 실시간으로 소통할 수 있는 커뮤니티 서비스의 웹 클라이언트입니다.

React 기반으로 구현되어 있으며, 실시간 댓글 기능과 사용자 인증, 게시글 CRUD 등 인터랙티브한 커뮤니티 기능을 제공합니다.

기능

• WebSocket(STOMP, SockJS) 기반 실시간 댓글 기능
• 게시글 목록 조회, 작성, 상세 조회, 수정/삭제 가능
• JWT 기반 사용자 인증

의존성

• React (Vite)
• React Router
• Axios
• SockJS + STOMP.js
• TailwindCSS + daisyUI

디렉토리 구조

lib
├── websocket
│   └── StompClient.js
src
├── api
├── components
├── context
│   └── AuthContext.jsx
├── hooks
├── pages
├── validators
├── App.jsx
├── App.css
├── main.jsx
└── index.css

로컬 실행 방법

1. 저장소 클론

   git clone https://github.com/GY102912/realtime-frontend.git
   cd realtime-frontend

2. 패키지 설치

   npm install

3. 개발 서버 실행

   npm run dev

4. 브라우저에서 접속

   http://localhost:5173