[학습 프로젝트] 실시간 채팅 앱

🐣 목적

• 새로운 자바스크립트 기반의 프레임워크 및 라이브러리를 학습하기 위해 실시간 채팅 앱 프로젝트를 선택함.
• 해당 MERN 프로젝트를 통해 새로운 기술을 익히는 것을 목표로 함.

🐣 기술 스택 선택 이유

분야	기술 스택	선택 이유
백엔드	Node.js	비동기식 이벤트 기반 아키텍처를 가지고 있어, 대규모 데이터 처리나 실시간 웹 애플리케이션을 구축하는 데 이상적이기 때문임.
프론트엔드	React	커뮤니티와 생태계가 활발하다는 점과 가상 DOM을 활용한 효율적인 UI 렌더링과 컴포넌트 기반 아키텍처를 제공하기 때문임.
데이터베이스	MongoDB	유연한 문서 지향 데이터 모델과 확장성이 뛰어난 구조이며, 데이터를 유연하게 다룰 수 있고, 실시간 처리에 효율적이기 때문임.

🐣 작업 기간 : 2024.06.04 ~ 2024.06.06

🐣 사용 기술

• Node.js
• React
• MongoDB
• Socket.io
• Tailwind css
• Daisy UI

* 해당 프로젝트는 유튜브를 참고하여 학습 목적으로 제작하였습니다. (https://youtu.be/HwCqsOis894?si=hBzATnpCgUamcEKE)

* 참고 자료

• Tailwind 라이브러리 : https://tailwindcss-glassmorphism.vercel.app/
• Toast alert : https://react-hot-toast.com/
• 상태 관리 라이브러리 : https://zustand-demo.pmnd.rs/
• 랜덤 아바타 : https://github.com/boringdesigners/boring-avatars-service/blob/main/README.md

---

---

👀 Screenshot