KAU-2024-Network-no8 Chat Application

🚀 프로젝트 소개

이 프로젝트는 실시간 채팅 애플리케이션으로, frontend는 React로, backend는 Node.js와 Express로 개발되었습니다. 사용자는 실시간으로 채팅할 수 있으며, 로그인 및 메시지 전송 기능을 지원합니다.

⚡️ 주요 기술 스택

• Frontend: React, CSS, HTML
• Backend: Node.js, Express, MongoDB
• 실시간 통신: Socket.IO

🚀 실행 방법

1️⃣ 프론트엔드 (Frontend) 실행

• React로 개발된 사용자 인터페이스 실행

cd frontend
npm install       # 의존성 설치
npm run start     # 개발 서버 실행 (기본: http://localhost:3000)

2️⃣ 백엔드 (Backend) 실행

• Node.js 기반 서버 실행

cd backend
npm install       # 의존성 설치
nodemon index.js  # 서버 실행

✅ 개발 팁

• 코드 수정 후 백엔드는 자동으로 반영됩니다 (nodemon 사용).
• 프론트엔드는 React의 Hot Reloading으로 자동 새로고침이 적용됩니다.
• 브라우저에서 F12 (개발자 도구)의 “Console” 탭에서 오류 메시지와 디버깅 정보를 확인할 수 있습니다.