웹 소켓

웹 소켓 이전의 실시간 데이터 전송?

• 폴링(polling)
  : HTTP가 클라이언트에서 서버로 향하는 단방향 통신이므로 주기적으로 서버에 새로운 업데이트가 있는지 확인하는 요청을 보낸 후, 있으면 새로운 내용을 가져오는 단순 무식한 방식

---

웹 소켓?

• 웹 소켓은 HTML5에 새로 추가된 스펙으로 실시간 양방향 데이터 전송을 위한 기술
• HTTP와 다르게 WS라는 프로토콜을 사용함
• 따라서 브라우저와 서버가 WS 프로토콜을 지원하면 사용 가능함
• 최신 브라우저는 대부분 웹 소켓 지원함, 노드에서는 'ws', 'Socket.IO' 같은 패키지를 통해 웹 소켓을 사용할 수 있음
• 웹 브라우저와 웹 서버가 지속적으로 연결된 라인을 통해 실시간으로 데이터를 주고 받을 수 있음
• 처음 웹 소켓 연결 이루어지고 나면 계속 연결된 상태로 있음
• HTTP 프로토콜과 포트 공유할 수 있어 다른 포트 연결할 필요 없음
• 폴링에 비해 성능 매우 개선

---

서버센트 이벤트(Server Sent Events)

• EventSouce라는 객체를 사용해 처음 한 번만 연결하면 서버가 클라이언트에 지속적으로 데이터를 보냄
• 웹 소켓과 다르게 클라이언트에서 서버로 데이터 전송 안됨
• 서버에서 클라이언트로 데이터 보내는 단방향 통신임
• 주식 차트 업데이트, SNS 새로운 게시물 가져오기 등 굳이 양방향 통신이 필요 없는 경우에 SSE 사용

---

웹 소켓 서버에 이벤트 리스너를 붙여서 사용(웹 소켓은 이벤트 기반으로 작동)

웹 소켓 객체 이벤트
: message, error, close

 웹 소켓 상태
: CONNECTING(연결 중), OPEN(열림), CLOSING(닫는 중), CLOSED(닫힘)

양방향 통신이기 때문에 클라이언트에서도 웹 소켓을 사용해야 함