목록React.memo (1)

chasing_pavement

리렌더링 문제는 어떻게 해결할 수 있을까? (feat. 디바운스, React.memo)

'시소' 라는 일정 관리 서비스에 올해 여름부터 함께 개발에 참여했다 ! 코드 리팩토링과 기능 구현을 함께 진행하게 되었고 그 과정에서 어떤 부분을 수정할 수 있을지 고민하는 시간을 가졌다.지금까지 프로젝트를 하면서 항상 급하게 마무리하는 것에 초점을 두어 성능 개선에 대해서는 거의 생각하지 못하다가 이번에 공부하게 되었다. Issue내가 리팩토링 하기로 한 MenuComponent가 너무 많이 렌더링 되는 것을 확인했다. 분명 리렌더링 발생하는 원인은 크게 세 가지로상태값이 바뀔 때(setState)부모에서 전달하는 props가 변경될 때부모 컴포넌트가 리렌더링 됐을 때인데 여기 중에 어디에 해당하는 건지 하나씩 확인했다.확인하면서 어떻게 개선했는지 적어보겠다 !How?1. hover를 css로 이건 ..
최적화 2024. 11. 15. 00:39
이전 Prev 1 Next 다음