🎁 크리스마스 테마 오픈 채팅

✅ 눈 내리는 채팅방: 크리스마스 테마에 맞춰 눈이 내리는 화면 효과 적용

✅ 배경화면 색 설정: 사용자가 원하는 채팅방 배경화면 색상을 지정할 수 있는 기능 추가

✅ 아이디 중복 확인: 중복된 아이디 사용 시 오픈채팅 입장이 불가능하도록 중복 확인 기능 도입

✅ 디엠 기능: 특정 사용자에게 디렉트 메시지를 전송할 수 있는 디엠 기능 추가

✅ 채팅방 종료 확인: 채팅방에서 나가는 사용자의 아이디를 확인할 수 있는 종료 확인 기능 추가

• 개발 기간 : 2023-12-21 ~ 2023-12-24(4일)

🔧 개발환경

Front

• React

Back

• Node.js

Environment

• Visual Studio Code

그외 사용한 패키지

• express, socket.io, react-color, react-dom, react-modal, react-router-dom

🗂️ 디렉토리 구조

🖥️ 화면 구성 및 주요 기능

눈 내리고 배경화면 색 설정할 수 있는 배경화면

DM 기능으로 지정한 사용자에게만 메세지가 전송 가능

사용자가 채팅방을 종료할 경우 다른 사용자들에게 노티스가 가능 기능

라우팅으로 다른 페이지 이동 가능