WebSocket과 SSE의 핵심 차이 정리(통신 방향·프로토콜·연결 방식·재연결·주 용도)
DevTools에서의 탐지 포인트(101 vs 200, Frames vs Response 누적)와
실무 선택 기준(채팅·게임은 WebSocket, 단방향 실시간 전달은 SSE) 요약
목차
- WebSocket vs SSE 핵심 차이 요약
- 온라인 통신 관점에서의 본질 비교 (개념 이해용)
- DevTools 기준으로 구분하는 실무 표(탐지용)
- DevTools 기준으로 구분하는 실무 표(탐지용)
- 언제 무엇을 쓰는지 (선택 기준)
SSE와 웹 소켓의 비교
- WebSocket : 서버와 클라이언트가 계속 대화하는 온라인 통신
- SSE : 서버가 클라이언트에게 계속 흘려보내는 온라인 통신
WebSocket vs SSE 핵심 차이 요약
| 구분 |
WebSocket |
SSE |
| 통신 방향 |
양방향 |
단방향 (서버 → 클라이언트) |
| 프로토콜 |
WebSocket 전용 |
HTTP |
| 연결 방식 |
Protocol Upgrade |
HTTP 연결 유지 |
| 재연결 |
직접 구현 |
자동 재연결 |
| 주 용도 |
상호작용 |
실시간 전달 |
온라인 통신 관점에서의 본질 비교 (개념 이해용)
| 항목 |
WebSocket |
SSE |
| 온라인 통신 유형 |
대화형 |
방송형 |
| 연결 유지 |
O |
O |
| 상태 보유 |
O |
O |
| 이벤트/스트림 |
O |
O |
| 양방향 제어 |
가능 |
불가 |
DevTools 기준으로 구분하는 실무 표(탐지용)
| 구분 |
WebSocket |
SSE |
| Status Code |
101 |
200 |
| Messages 탭 |
있음 |
없음 |
| Network 표시 |
websocket 항목 |
Fetch/XHR + Pending |
| 데이터 확인 |
Frames |
Response 누적 |
언제 무엇을 쓰는지 (선택 기준)
| 상황 |
선택 |
| 채팅 / 게임 |
WebSocket |
| 양방향 제어 |
WebSocket |
| 실시간 알림 |
SSE |
| 실시간 시세/체결 |
SSE (대부분) |
| 단방향 스트림 |
SSE |