setInterval

[TIL] SSE와 고군분투하기

SSE로 인한 Timeout 수정하기 SSE가 작동하고 있는 동안에는 다른 모든 요청이 느려진다. axios로 api를 호출하면 timeout이 발생한다. useRef를 붙여서 eventSource 객체를 관리해봤는데 이상하게 해결이 됐다. ⇒ (나중에는 결국 백엔드에서의 이슈였던 것으로 밝혀졌다고…) useRef의 원리에 따라서 증거를 찾아나가 보면, 모든 렌더링에서 동일한 객체를 제공하기 때문인 것 같다. 원래는 eventSource 생성을 함수 최상단에서 다음과 같이 생성했었다. const evtSource = new EventSource(${process.env.REACT\_APP\_API\_URL}/api/sse/rooms); const evtSource = useRef(null); const ..