줌 클론 (WebSocket)

컴퓨터들 간의 원활한 통신을 위해 지키기로 약속한 규약입니다.HTTP, webSocket 은 포로토콜입니다.백엔드와 유저 사이에 아무런 연결이 없습니다.그저 요청을 기다리고 응답하고 응답이 끝나면 다시 요청을 기다립니다. (실시간 X)백엔드와 유저 사이(브라우저), 백

웹소켓 프로토콜을 실행하는 패키지입니다.기본적인 기능만 있습니다. (Core)부가적인 기능은 ws 를 이용한 다른 프레임워크를 통해 구현합니다.다른 프레임워크를 사용하기 전에 webSocket 의 핵심인 ws 를 알아야합니다.express 는 HTTP 프로토콜, ws

아무것도 추가로 설치할 필요 없습니다.NodeJS, 브라우저에서 기본으로 지원됩니다.http - addEventListner 메서드 사용 : ex) btn.addEventListener("click", fn);ws - on 메서드 사용 : ex) wss.on("conn

자바스크립트 함수 addEventListner NodeJS 함수 on

서버(백엔드) 브라우저(프론트엔드)를 webSocket 프로토콜로 통신할 수 있게 연결했고 확인했습니다.이제 서버를 축으로 연결된 브라우저들끼리 메세지를 주고 받을 수 있도록 만듭니다.메세지 입력을 위해 form, input, button 엘레먼트 생성합니다.메세지 출

이전 글에서 백엔드와, 각 프론트엔드가 서로 메세지를 WebSocket 을 통해 주고받는 것을 학습했습니다.화면에 페인팅하지 않았고 콘솔에서만 확인했습니다.이 글에서는 메세지 주고받는 것을 화면에 페인팅하는 법에 대해 학습하겠습니다.사실 정말 간단하고 이전에 많이 하던

이전 글에서 백엔드와 익며으이 각 브라우저가 서로 메세지를 WebSocket 을 통해 주고받는 것을 학습했습니다.이 글에서는 각 브라우저가 닉네임을 가지고 실시간으로 채팅을 화면에 페인팅하며 메시지 주고 받는 것을 학습하겠습니다.

아주 쉽게 실시간 기능을 만들어주는 프레임워크실시간, 양방향(브라우저 <-> 백엔드), 이벤트 기반의 통신을 가능하게 합니다.WebSocket 보다 탄력성이 뛰어납니다.WebSocket 의 부가기능이 아니라 대부분 WebScoket 를 이용할 뿐입니다.WebSoc