<aside> 💡 npm install socket.io

</aside>

개요

socketIO는 webSocket을 기반으로 제작된 패키지 중 하나로 아주 다양한 추가 기능을 제공한다.

SocketIO는 webSocket 기반으로 만들어진 Engine.IO 에 추가기능을 더한 확장판이라 볼 수 있다.

• 서버와의 연결이 끊겨도(서버가 꺼졌었어도) 신호가 다시 잡힌다면, 기존 통신을 지속할 수 있다.
• 통신의 payload는 여러 인수(매개변수) 형식으로 데이터를 전달한다.
• 이때 데이터로서 전달되는 인수는 String 뿐만 아니라 JS 내 모든 자료형을 입력 가능하다.
• payload의 마지막 인수로는 Call-Back 함수를 지정할 수 있고, 해당 함수는 Back-End에서 실행 명령이 가능하다. 심지어는 매개변수 전달 또한 가능하다.
  • 주로 Back-End 단에서 작업이 완료 되었을 때, 알림 혹은 동작하는 용도로 사용한다.
  • 중요한 점은 이때 Back-End에서 Front-End에서 받은 Call-Back함수를 실행하면, 함수는 Front-End에서 동작한다. Back-End에서는 그저 call-back 함수 실행을 명령과 매개변수 전달만 한다.

socket.emit("message", { message : input.value }, 5, "hello", (parameta) => {
	console.log(`The backend says: `, parameta);
});

socketIOServer.on("connection", socket => {
    socket.on("enter_room", object, a, b, done) => {
        console.log(object); // { message : input.value }
        console.log(a); // 5
        console.log(b); // hello
        done("hello from the backend"); // 클라이언트에 있는 callback 함수를 실행
    });
})

기능

Server 측

Server API | Socket.IO

• socket.join(”roomname”); , socket.leave(”roomname”);
• socket.to(room)
• socket.on(”disconnecting”, ()=>{})
• server.~~~

Adapter