리액트 스로틀링 최적화

· React
1. 문제상황 웹뷰로 앱에서 동작할 수 있도록 구현 웹에서 위 화면처럼 높이를 조절할 수 있는 BottomSheet를 구현했다. 하지만 List내부 아이템이 50개~100개 정도만 되더라도 드래그를 통해 높이를 변경할 때 버벅거리는 성능 문제가 발생하였다. const handleMouseMove = (e) => { const newHeight = calculateNewHeight(e); setHeight(newHeight); // 매번 상태 업데이트 → 리렌더링 발생!}; 드래그를 통해 높이를 변경할 때 버벅이는 성능 문제는 setHeight라는 state의 변경에 따라 BottomSheet컴포넌트가 리렌더링 되기 때문일 것이라고 생각하였다.BottomSheet를 구현할 때 처음에는 state를 통해..
yes_dohyun
'리액트 스로틀링 최적화' 태그의 글 목록