데브허브 | DEVHUB | MERN Stack Project: Video Calling Realtime Chat App & Social AppMERN Stack Project: Video Calling Realtime Chat App & Social App
- MERN 스택을 활용하여 실시간 채팅 및 화상 통화 기능을 갖춘 언어 교환 플랫폼을 구축합니다. 🛠️
- 실시간 메시지, 온라인 상태, 반응, 타이핑 표시기, 스레드, 이미지 업로드, 1:1 및 그룹 화상 통화(화면 공유, 녹화) 등 다양한 고급 기능을 포함합니다. ⚡
- NodeJS, Express, MongoDB로 백엔드를, React로 프론트엔드를 구축하며, JWT 인증, Tenstack Query, Stream(확장성) 등 프로덕션 수준의 기술을 학습합니다. 📚
- 프로젝트는 32가지 UI 테마를 제공하며, 사용자는 프로필 완성 후 친구 추가 및 채팅, 화상 통화를 통해 언어 연습을 할 수 있습니다. 🗣️
- 백엔드 초기 설정은 Vite+React 프론트엔드와 함께 진행되며,
.env 파일을 통한 환경 변수 관리 및 type: module 설정이 포함됩니다. 📁
- 코드베이스를 최적화하기 위해
server.js에서 라우트를 routes 폴더로, 비즈니스 로직을 controllers 폴더로 분리하는 모범 사례를 적용합니다. 🧹
- 인증 라우트(
signup, login, logout)는 초기 테스트를 위한 GET 방식에서 실제 데이터 전송을 위한 POST 방식으로 변경됩니다. 🔒
- 최종적으로 애플리케이션 배포를 통해 라이브 URL을 얻고 이력서에 활용할 수 있도록 학습합니다. 🌐
- 다음 단계는 MongoDB 데이터베이스 연결입니다. 💾