프론트엔드-코드/Javascript

웹소켓, SSE(Server Sent Events)

sdafdq 2023. 8. 26. 01:58

웹소켓이나 SSE(Server Sent Events)는

클라이언트와 서버가 서로 연결된 상태에서, 서버가 지속적으로 클라이언트에게 데이터를 보내주는 식이다.

 

마치 클라이언트는 while(true){ if (server.data != null){ process(); }} 이런 느낌으로 계속 대기를 하는 것이다. 비동기로.

 

웹소켓 : 양방향

SSE : Server -> Client 단방향

 

ajax는 필요없는 정보, 그러니까 HTTP 메시지의 header에 관한 이런 정보들 까지 같이 넘어오는데, 웹소켓은 그냥 필요한 정보만 넘어온다고 한다. 

 

그리고 웹소켓이 나중에 나왔다. ajax가 기존 http의 지속적인 연결 불가능이란 한계를 극복하기 위해 나왔는데, 이건 그냥 어떤 편법으로 만든 거 같다. 필요없는 정보들까지 붙어서 나오니까.

 

근데 웹소켓은 그냥 딱 내가 필요한 정보들만 넘어온다.

 

https://beautify-log.tistory.com/95

 

[JavaScript] 웹소켓 사용하기

API를 통해 서버에서 받아온 어떤 정보를 화면에 뿌려주려고 할 때 fetch 메소드를 사용해서 데이터를 받아오거나, axios 모듈을 사용하는 경우가 많다. 서버가 RESTful API를 지원한다면 API KEY 등을 사

beautify-log.tistory.com

예시

'프론트엔드-코드 > Javascript' 카테고리의 다른 글

호이스팅  (0) 2023.08.28
익명함수  (0) 2023.08.28
자바스크립트 태그 생성 추가  (0) 2023.08.24
자바스크립트로 클라이언트 브라우저 이동하기  (0) 2023.08.23
==, === 차이  (0) 2023.08.18