react를 사용하여 webscoket을 구현해봤다.
websocket은 http 통신을 이용하여 클라이언트와 서버 를 연결해준다.
연결후 webscoket 프로토콜로 upgrade를 시켜 프로토콜을 바꿔준다.
바뀐 websocket TCP프로토콜을 사용하며 한 서버에서 모든 클라이언트에 연결되어진다. 클라이언트에서 요청을 안해도 서버에서 업데이트시 자동적으로 클라이언트에 응답을 보내줄 수 있다.
react hooks 로 websocket을 사용시 최적화를 하기위해 state 와 useRef가 필요하다.
클라이언트는 서버랑 계속해서 연결이 되어있어 다른 유져와의 메세지를 보낼때 마다 서버측에서 계속해서 업데이트를하여 클라이언트에 보내준다.
