Soket. io

팀프로젝트 진행중 채팅을 구현해야 하는 상황이 있었으며, 본인 스스로 만족스럽지는 않지만 채팅은 구현은 해냈지만 아직 확실이 알고 있다는 생각이 들지 않아서 따로 정리를 해두고 공부하려고합니다.socket client 위주로 정리를 하겠습니다.

Socket.io doc

Socket 이란

네트워크상에서 동작하는 프로그램 간 통신의 종착점(Endpoint)입니다. 즉 프로그램이 네트워크에서 데이터를 통신할 수 있도록 연결해주는 연결부이다.

데이터를 통신 할수 있도록 해주는 연결부이기 때문에 통신할 두 프로그램(Client,Server)모두에 소켓이 생성 되어있어야 한다.

기본적으로 Server는 특정 포트와 연결된Server 소켓을 가지고 컴퓨터 위에서 작동을한다.
Server는 이 소켓을 통해 CLinet측 소켓연결 요청이 있을때 까지 대기(listening)한다.

Client 소켓에서 연결요청을 하면 Server 소켓이 허락을 하여 통신을 할 수 있도록 연결(connection)한다.

socket client 설치

npm install socket.io-client
yarn add socket.io-client

sokcet 선언

const sokcet = io("https://server-domain.com");

socket 기본 Event

emit (보내는것)/ on (받는 것)

//server-side
io.on("connection", (socket) => {
	socket.emit("hello","this is message");
});

//client-side
socket.on("hello", (arg) => {
	console.log(arg); // this is message
});