WeLive3 WeLive Node.js 문제 해결 & 회고 [WeLive] WeLive 프로젝트 개발 리포트 - Part 3: 문제 해결 & 회고이 글은 WeLive 프로젝트 시리즈의 세 번째 파트입니다.Part 1: 프로젝트 소개 (현재 글)Part 2: Socket.IO 실시간 채팅 구현 (현재 글)Part 3: 문제 해결 & 회고 (현재 글)🧩 문제 해결 사례1️⃣ Socket 연결 생명주기 관리증상:로그아웃 후에도 Socket 연결이 유지되어 이전 사용자의 메시지를 계속 수신 (보안 위험)재로그인 시 새로운 Socket 연결이 생성되지 않아 채팅 메시지 송수신 불가콘솔 에러: "chatRoom is null"원인 분석:FloatingChatPanel이 항상 렌더링되어 로그아웃 시에도 언마운트되지 않음Socket 인스턴스가 disconnect 상태로 남아.. 2025. 12. 16. WeLive Node.js Socket.IO 실시간 채팅 구현 [WeLive] WeLive 프로젝트 개발 리포트 - Part 2: Socket.IO 실시간 채팅 구현이 글은 WeLive 프로젝트 시리즈의 두 번째 파트입니다.Part 1: 프로젝트 소개 (현재 글)Part 2: Socket.IO 실시간 채팅 구현 (현재 글)Part 3: 문제 해결 & 회고💬 실시간 채팅 시스템 아키텍처WeLive의 채팅 시스템은 Socket.IO를 활용한 양방향 실시간 통신과 RESTful API를 통한 데이터 관리가 결합된 하이브리드 아키텍처입니다.관리자-입주민 간 1:1 채팅을 지원하며, 읽음 상태 동기화, 타이핑 인디케이터, 무한 스크롤 등의 기능을 제공합니다.1️⃣ Socket.IO Gateway 구현Socket.IO 서버는 Express HTTP 서버와 통합되어 WebSo.. 2025. 12. 16. WeLive Node.js 팀프로젝트 소개 [WeLive] WeLive 프로젝트 개발 리포트 - Part 1: 프로젝트 소개Part 1: 프로젝트 소개 (현재 글)Part 2: Socket.IO 실시간 채팅 구현Part 3: 문제 해결 & 회고🏬 WeLive란?WeLive는 아파트 주민들을 위한 종합 커뮤니티 플랫폼입니다.민원 관리, 투표, 채팅, 공지사항 등 아파트 생활에 필요한 모든 기능을 하나의 플랫폼에서 제공하여 주민들 간의 소통을 활성화하고, 더 나은 주거 환경을 만드는 것을 목표로 합니다.주요 특징:💬 실시간 채팅: Socket.IO 기반 양방향 메시지 송수신 (읽음 표시, 타이핑 인디케이터)📢 실시간 알림: SSE를 통한 푸시 알림🏢 아파트 인증 시스템: 실제 거주자만 가입할 수 있는 안전한 커뮤니티🗳️ 투표 시스템: Cro.. 2025. 12. 16. 이전 1 다음
