Socket.IO란? 실시간, 양방향, event기반 통신을 제공한다. 한마디로, 실시간 통신을 제공하는데 개발자가 발생하는 이벤트를 임의로 설정하고, 다룰 수 있다는 것이다. websocket이라는 web api의 부가 기능이 아니라, 실시간 통신을 위해 존재하는 여러 기능중 websocket이라는 기능을 사용할 뿐이다. 따라서 특정 브라우저나 모바일 환경에서 websocket api를 지원하지 않아도, socket.io는 다른 기능을 찾기 때문에 항상 실시간 통신이 지원된다. 기본적인 연결 과정 이해하기 1. 일단 서버 열기 (pug 템플릿을 기반으로한 서버를 열었다) import express from "express"; import http from "http"; import { Server } ..

websocket이란?websocket은 프로토콜. 즉, 통신의 기술이다. 웹에서 통신프로토콜 하면 http프로토콜이 생각난다. 하지만 이 프로토콜은 실시간 통신에 한계가 있다. http프로토콜의 stateless특성에 따라 응답을 받으면 연결을 끊어버리기 때문이다. websocket은 이를 해결하고자 나온 프로토콜이다. 연결을 유지하며, 양방향 통신을 지원해주기 때문에 실시간으로 대화가 가능하다. 그림을 보면 이해가 편하다! 이제 기본적인 websocket의 기능을 이용해 실시간 통신을 느껴보자코딩 서버측 js 코드를 짜보자. 기본적으로 express 와 ws를 설치해야한다. 1. http 서버 열기, index.html연결const express = require("express"); const ap..