Flownium Chat은 실시간 1:1 채팅 기능을 갖춘 사이드 프로젝트다.초기 목표는 Socket.IO를 통한 실시간 채팅 기능 구현과React 기반의 간결한 구조 설계였다.사용 기술 스택Frontend: React + Vite + TailwindCSSBackend
이번에는 채팅방 리스트 기능을 중심으로 서버-클라이언트 구조를 명확히 정리하고,MongoDB와의 연결을 안정화시키는 데 집중했다.MongoDB 연결 및 seed 데이터 삽입채팅방 목록 API (/api/chatrooms) 구현클라이언트에서 axios로 연동 및 렌더링서
이전까지는 채팅방 목록과 메시지 송수신은 구현됐지만, 특정 채팅방 입장 시 이전 메시지 로딩이 불안정하거나 불필요한 API 라우팅이 섞여 있었고 메시지 관련 로직을 정리해 API 연결까지 제대로 되는 구조로 리팩토링을 진행하였다.