Node, Nest, Deno/⚡ ws , socket.io 검색 결과

해당 글 4건

소켓 통신 활용을 위한 변수 설정 및 미들웨어 구성하기

앞서 가장 기본적인 핑퐁 서버에서는 다음과 같이 작성한 바 있습니다만 더 다양한 기능을 부여하기에는 부족했습니다. const webSocket = require("./socket"); // listen const server = app.listen(process.env.PORT, () => { return console.log(`success on : http://localhost:${process.env.PORT}`); }); // ws는 http와 동일 포트를 사용함 webSocket(server); app.set()을 이용한 변수 설정 라우터에서 사용하기 위해서 필요한 작업입니다. 익스프레스 객체를 통째로 웹소켓에 넘겨줍니다. const express = require("express"); cons..
Node, Nest, Deno/⚡ ws , socket.io 2020. 8. 12. 06:29

Socket.IO Namespace, Room

socket.io/docs/v4/namespaces/ Namespaces A Namespace is a communication channel that allows you to split the logic of your application over a single shared connection (also called “multiplexing”). IntroductionEach namespace has its own: ev socket.io 각 view 단에서 socket 연결 부분을 가져와봤습니다. 메인 페이지에 들어가자마자 소켓이 보내주는 실시간 메세지를 모두 받을 필요는 없습니다. 불필요한 일이죠. 때문에 Socket.IO에서 "네임 스페이스"란 것을 활용합니다. 말 그대로 이름이 붙은 공간이며 ..
Node, Nest, Deno/⚡ ws , socket.io 2020. 4. 7. 21:32

⚡ Socket.IO 간단한 개념 이해 및 ping pong 구현

socket.io/docs/v4 Introduction What Socket.IO isSocket.IO is a library that enables real-time, bidirectional and event-based communication between the browser and the server. It consists of: a Node.js server: Source | API a Javasc socket.io ws을 이용해 웹 소켓을 사용할 수 있지만 Socket.IO에 편의 기능이 많아서 편리합니다. 사실 socket.io는 웹 소켓이 아니라, 웹 소켓을 사용할 수 없는 브라우저에서는 폴링을 사용하는 등, 실시간 통신을 구현할 수 있는 여러가지를 합쳐서 추상화 시켜놓은 패키지입니다. ..
Node, Nest, Deno/⚡ ws , socket.io 2020. 4. 4. 21:53

ws 모듈 이용해 웹 소켓 맛보기

⚡ 웹 소켓이 뭐야 웹 소켓은 HTML5에서 새로 추가된 스펙으로, 실시간 양방향 데이터 전송을 말한다. 전기 코드를 꽂으면 빼기 전까지 계속 전기가 통하는 것처럼 데이터 전송이 이뤄진다. 보통 웹 서버가 HTTP 프로토콜을 이용해 통신하였다면 웹 소켓은 WS 프로토콜을 사용한다. HTTP 프로토콜이 stateless한 통신이다. 한번 req를 날리고 서버로 부터 res를 받으면 끝이다. 더 이상의 통신은 없다. WS는 이와 다르게 stateful한 통신이다. 한 번 연결이 되면 계속 그 관계가 유지된다. 웹 소켓 이전의 비슷한 기술로, polling, long polling, streaming이 존재하였고, 지금도 사용되고 있지만 우선 http 프로토콜로 통신하기에 req, res 모두 header가 ..
Node, Nest, Deno/⚡ ws , socket.io 2020. 4. 4. 19:47