SSE

[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 ..

[TIL] 실전에서 배우기

좋은 레퍼런스 좋은 프로젝트는 코드도 좋다. 코드를 많이 많이 살펴보고 기술도 뭐 쓰는지 배워보자 GitHub - woowacourse-teams/2022-moamoa: 🪐 스터디를 "모아모아" 🪐 🪐 스터디를 "모아모아" 🪐. Contribute to woowacourse-teams/2022-moamoa development by creating an account on GitHub. github.com 참고하기 정말 좋은 코드들이 많은 프로젝트이다. min-height child height 100% 모달 제작중에 min-height를 설정해준다음 내부 요소가 많아지면 늘어나는 형태를 하고 싶었다. 하지만 min-height를 설정해주면 내부 height 100%가 잘안먹힌다 height: 1px; ..