soket.io란?

서버와의 양방향 통신을 위한 웹소켓 api

통신을 쉽게 도와주는 라이브러리다.

socket.io 공식사이트

홈페이지에 보면 사용을 위한 간단한 예제를 보여준다.
클라이언트 관점에서 예제를 살펴보자.

import { io } from 'socket.io-client';
const socket = io('서버url')

//서버로부터 받는 메세지
socket.on('hello', (arg)=> {
	console.log(arg);
}
          
//서버로 메세지 보내기
socket.emit('howdy', 'stranger')

socket에서 요긴하게 쓰이는 함수들은 아래와 같다.

1. socket.connet() : 소켓연결

2. socket.emit('이벤트',data) : 이벤트 이름을 지어주고 데이터를 보낸다.

3. socket.on('이벤트', 콜백함수) : '이벤트'라는 이름의 콜백함수를 실행한다.

4. socket.disconnet() : 소켓연결을 끊는다.

• 혹시라도 cors error가 뜬다면

const socket = io('url', {
	cors: {
    	origin: '*',
    }
});
```![](https://velog.velcdn.com/images/ehrud1031/post/52c71dcf-dbf3-4f1f-b3f2-26ecc0ae0e52/image.jpg)

cors 옵션을 추가해서 cors오류를 방지하자.