usesyncexternalstore1 [React] 브라우저 크기 조정 성능 개선 개요브라우저 창 크기 조정 시 발생하는 끊김 현상을 해결하기 위해 뷰포트 너비 값을 사용하는 구성 요소의 성능을 향상시키는 과정을 함께해 봅니다.문제 인식브라우저 창 크기를 조정할 때 끊김 현상이 지속적으로 관찰되었습니다. 이는 사용자 경험을 향상시키기 위해 반드시 해결해야 할 중요한 문제였습니다.작업 요약뷰포트 너비 값을 사용하는 구성 요소의 성능을 개선하는 데 중점을 두었습니다. 다음은 작업 과정과 개선 사항에 대한 자세한 요약입니다.useWindowSize 훅을 사용하는 구성 요소문제useWindowSize 훅을 사용하는 각 구성 요소에 대해 이벤트 리스너가 등록되었습니다.영향이는 1픽셀 단위로 다시 렌더링이 발생하여 성능 문제가 발생했습니다.useMediaQuery 훅을 사용하는 구성 요소문제서버.. React 2024. 7. 28. 더보기 ›› 이전 1 다음
