[Node.js] Socket.io

🔍 소켓(Socket)

소켓은 네트워크 통신에서 사용되는 가장 기본적인 개념 중 하나이다. Request가 있어야만 Response를 전송할 수 있는 HTTP 프로토콜과는 다르게 소켓은 서버와 클라이언트 간의 양방향 통신을 가능하게 한다. 클라이언트가 서버에 데이터를 보내거나 서버가 클라이언트에게 데이터를 전달할 수 있다. 소켓은 TCP 또는 UDP 프로토콜을 사용하여 통신하며 웹 애플리케이션에서 실시간 통신을 구현할 수 있다.

---

🔍 WebSocket

WebSocket은 웹 애플리케이션에서 실시간 양방향 통신을 지원하기 위한 표준 프로토콜이다. HTTP를 통해 초기 연결을 설정한 후, 계속해서 서버와 클라이언트 간의 양방향 통신을 가능케 한다. WebSocket은 HTTP의 오버헤드를 줄이고 빠른 속도의 실시간 통신을 제공한다.

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
    ws.send(message); // 클라이언트에게 데이터 전송
  });
});

---

🔍 Socket.io

Socket.io는 WebSocket을 기반으로 한 실시간 웹 애플리케이션을 개발하기 위한 JavaScript 라이브러리이다. Socket.IO는 WebSocket의 기능을 확장하고, 다양한 브라우저와 기기 간의 호환성을 보장한다. 또한, 실시간 통신 외에도 여러 가지 기능을 제공하여 개발자가 편리하게 사용할 수 있도록 한다.

 

[서버]

const io = require('socket.io')(3000);

io.on('connection', (socket) => {
  console.log('a user connected');
  socket.on('chat message', (msg) => {
    io.emit('chat message', msg); // 모든 클라이언트에게 메시지 전송
  });
});

 

[클라이언트]

<script src="/socket.io/socket.io.js"></script>
<script>
  const socket = io('http://localhost:3000');
  socket.on('chat message', function(msg) {
    console.log('message: ' + msg);
  });
</script>

---