🐛 리렌더링 이슈 해결하기 에디터 위에 새로운 기능을 추가하는 에픽을 시작하게 되면서 드래그, 텍스트 입력, 스텝퍼로 attr 값을 업데이트할 수 있는 기능을 개발하게 되었다. 기능 특성상 상태 변화가 자주 발생하기 때문에, React DevTools의 Highlight updates 옵션을 활성화한 상태로 관찰하며 개발을 진행했는데, 스크롤이나 특정 상태 변경이 발생할 때마다 모든 액티비티 블록이 동시에 리렌더링 되는 현상을 발견했다.( 에디터는 각 액티비티마다 하나씩 렌더링 되며, 전체 액티비티가 리스트 형태로 구성되어 있다. 기능적으로는 특정 액티비티 하나만 수정되는 상황이었음에도 리스트에 포함된 모든 에디터가 함께 리렌더링 되고 있었다.)처음에는 내가 추가한 기능에서 발생한 문제라고 생각했지만, 관련된 로직을 하나씩 제거해.. 2025. 3. 23. 이전 1 다음