[TIL] 230905 SSE VS WebSocket

📌 SSE (Server Sent Event)

: 서버에서 클라이언트에게 단방향 실시간 통신을 가능하게 하는 기술

👍🏻 장점

1. HTTP 를 통한 연결
2. 재연결 기능 (서버가 연결을 끊으면 클라이언트는 사용자 개입없이 자동으로 재연결 시도)
3. Mozilla, Chrome, Safari 브라우저를 지원
4. WebSocket 보다 설정이 빠르고 편리

👎🏻 단점

1. UTF-8 문자만 처리, Binary 데이터 지원 X
2. 열려있는 최대 연결 수 제한
3. 단방향 기술
4. 브라우저 지원 제한

📌 WebSocket

: 클라이언트와 서버 간의 양방향 실시간 통신을 가능하게 하는 기술

👍🏻 장점

1. 실시간 양방향 통신
2. 일반적으로 'XMLHttpRequest'를 사용하지 않으므로 추가 서버 데이터가 필요할 때 헤더가 제공되지 않음 ➡️ 서버로 전송되는 과도한 데이터 로드 감소
3. UTF-8 텍스트 형식으로 데이터를 보낼 수 있음
4. Binary 형식으로 데이터를 보낼 수 있음 ➡️ 바이트의 모든 값을 인코딩에 사용할 수 있으므로 데이터 전송 및 해석의 효율성을 향상시킬 수 있음
5. Google Chrome, Microsoft Edge, Opera, Firefox, Safari 브라우저를 지원
6. 종료된 클라이언트 연결 식별 가능

👎🏻 단점

1. HTTP 에서 완전한 작동을 하지 않아 TCP 연결이 필요
   a. 압축지원 X
   b. HTTP/2 멀티플렝싱 지원 X
2. 설정하기 위한 사전 작업이 복잡하고 오래걸림
3. 2011년 이전 브라우저 지원 X

정리

	SSE	WebSocket
통신 방향	단방향	양방향
브라우저 지원	Mozilla, Chrome, Safari	Google Chrome, Microsoft Edge, Opera, Firefox, Safari
자동 재연결	O	X
최대 동시 접속 수	HTTP를 통해서 할 때는 브라우저당 6개 까지 가능 HTTP2로는 100개가 기본	브라우저 연결 한도는 없지만 서버 셋업에 따라 다름
프로토콜	HTTP	WebSocket / TCP

✅ REFERENCE

개발자로 살아남기-캐나다 : 웹소켓 과 SSE(Server-Sent-Event) 차이점 알아보고 사용해보기

Piumi Liyana Gunawardhana : WebSockets vs. Server-Sent Events