- 웹개발 기초
- HTML/CSS/JAVASCRIPT
JavaScript window.onresize 이벤트 성능 저하 해결 - ResizeObserver API로 요소 단위 크기 감지 완벽 가이드
웹 애플리케이션을 개발하면서 특정 컴포넌트나 차트의 크기가 바뀔 때 레이아웃을 다시 그리려다 화면이 순간적으로 멈칫하는 현상을 경험해봤을 것이다. 다만 정확한 원인이 window 객체의 onresize 이벤트가 유발하는 레이아웃 리플로우(Reflow)와 과호출 때문이라는 점을 모른 채 무작정 디바운스(Debounce) 코드만 붙이는 경우가 많다. 이번에는 ···
0
0