#socketio
7편
- 재접속 한 번에 버그 5종이 쏟아졌다재접속(reconnect) 기능 하나를 얹었더니 타이머·상대 패널·카운트다운·스테이지·재고까지 다섯 갈래에서 상태가 어긋났다. burger-stack에서 이틀에 걸쳐 순차로 잡아낸 과정을 정리한다.
- 실시간 사용자 온라인 상태 관리채팅방 최대 정원 제한을 위해 Map 자료구조로 사용자 온라인 상태를 관리하고, 서버와 클라이언트 간 웹소켓 이벤트로 실시간 동기화하는 과정을 정리한다.
- 실시간 메시지 전송과 수신Socket.IO의 on/emit을 활용해 Nest.js 서버와 Next.js 클라이언트 간 채팅 메시지·공지 전송 및 수신 기능을 구현한 과정을 정리한다.
- 채팅방 입장/퇴장 처리 로직Socket.IO 기반 채팅 서비스에서 소켓 연결과 해제 시점에 채팅방 입장과 퇴장을 처리하는 서버·클라이언트 로직을 정리한다.
- Socket.IO 웹소켓 세팅Nest.js 서버와 Next.js 클라이언트 간 Socket.IO 기반 웹소켓 연결을 구성하는 과정을 정리한다.
- 웹소켓의 기본 개념과 통신 과정웹소켓의 개념과 특징, 핸드셰이크부터 연결 종료까지 이어지는 통신 과정을 정리한다.
- Cola Chat — 익명 채팅 프로젝트 소개익명 채팅 서비스 'Cola Chat'의 기획 배경, 핵심 기능, 개발 스택을 정리한 프로젝트 소개 글.