/ 프로젝트 / 그 외 / Realtime Chat
💬
개발 중

Realtime Chat

Socket.io 실시간 채팅

Socket.io + MongoDB + OAuth 기반 실시간 채팅 백엔드와 React 클라이언트.

Node.jsSocket.ioMongoDBReact

배경

사용자 인증·방 참여·메시지 교환을 WebSocket으로 처리하고 대화 기록을 영구 저장하는 실시간 다자 채팅이 필요합니다.

핵심 기능

  • Socket.io 양방향 통신(서버·클라이언트)
  • MongoDB + Mongoose(사용자·채팅 스키마)
  • google-auth-library OAuth 로그인
  • CORS·환경변수 기반 DB 연결
  • React 18 + MUI Joy + socket.io-client 실시간 UI

동작 방식

Express+socket.io 서버가 MongoDB에 연결되어 로그인·메시지 송수신 이벤트를 처리하고, React 클라이언트가 소켓 채널로 emit/listen 합니다. 메시지는 연결된 모든 클라이언트에 브로드캐스트되고 기록은 MongoDB에 남습니다.

사용 방법

  1. 백엔드 의존성을 설치하고 DB 환경변수를 설정한다
  2. 서버를 실행한다
  3. 프런트엔드를 실행한다
  4. 이름을 입력하고 실시간으로 메시지를 주고받는다
분류: 그 외 · 원본 경로: D:\nodeProject\socket_server