SSE

Server Sent Event

게임방 목록을 보여주는 화면에서 SSE를 쓰기로했다. 이름 그대로 서버에서 보내주는 이벤트다.
통상적인 http통신은 클라이언트가 request를 보내면 서버가 response한다.
SSE는 클라이언트의 request없이 서버가 response 할 수 있는 프로토콜이다

어떻게 사용하면 돼?

EventSource 인스턴스를 이용하면 된다.
연결되면 서버에서 들어오는 메시지가 이벤트 형식으로 코드에 전달된다.

const sse = new EventSource(URL);

//연결이 open되면 이벤트가 작동한다
sse.onopen = (e) => console.log(e);

//서버측에서 명시적으로 emitter이름을 지정하지 않은경우
sse.onmessage = (e) => console.log(e);

//연결이 close되면 이벤트가 작동한다.
sse.onerror = (e) => console.error(e);

//참고로 서버측 emitter네임과 클라이언트측 이벤트 이름이 같아야 함
sse.addEventListener('someEventName', (e) => console.log(e);

아이디어

openapi-generator-cli로 로컬에서 MSW가능하게 만들면?

yarn 에러

yarn can't be resolved to a satisfying range

https://velog.io/@loevray/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EB%8D%B0%EB%B8%8C%EC%BD%94%EC%8A%A4-5%EA%B8%B0-TIL-67-yarn%EC%97%90%EC%84%9C-yarnberry-migration

경로 문제였다!