HTML5의 Server-Sent Events(SSE)는 서버에서 클라이언트로 실시간 데이터를 푸시하는 강력한 기술이지만, 구버전 Internet Explorer에서는 지원되지 않습니다. 이러한 환경에서도 동일한 목표를 달성하기 위한 대안은 다음과 같습니다.
1. 폴리필(Polyfill) 활용
가장 간단한 방법은 EventSource 폴리필을 사용하는 것입니다. 이 방식은 IE10과 IE11에서도 정상적으로 작동합니다.
if ("EventSource" in global) return;위 코드와 같이 스크립트 시작 부분에서 브라우저가 EventSource를 이미 지원하는지 확인합니다. 따라서 이 폴리필은 EventSource를 지원하지 않는 웹 브라우저에서만 실행되며, 최신 브라우저에는 아무런 영향을 주지 않습니다.
관련 구현체는 GitHub 등에서 공개된 EventSource 폴리필 라이브러리를 참고하면 됩니다.
2. WebSocket 사용
또 다른 대안은 WebSocket입니다. 역시 IE10과 IE11에서 지원되며, SSE와 달리 양방향 통신을 제공한다는 큰 장점이 있습니다.
- SSE: 서버 → 클라이언트 단방향 푸시에 특화
- WebSocket: 클라이언트 ↔ 서버 양방향 실시간 통신 가능
따라서 단순히 서버에서 클라이언트로 알림이나 스트림 데이터를 전송하는 용도라면 폴리필이 가볍고 적합하며, 클라이언트에서도 서버로 데이터를 보내야 하는 상황이라면 WebSocket을 선택하는 것이 좋습니다.