페이지가 좀 무거워서 보니까, 관계없는 컴포넌트들이 부모 상태 바뀔 때마다 같이 계속 리렌더링 되고 있더라고요.
console.log를 렌더 함수 안에 찍어서 확인은 했는데, 어떤 게 왜 다시 그려지는지 하나하나 추적하기가 너무 힘듭니다.
리렌더링이 정확히 어떤 조건에서 일어나는지(부모 리렌더, props 변경, state 변경 등), 그리고 불필요한 리렌더를 어떻게 찾고 줄이는지(React.memo나 다른 방법) 정리해서 알려주시면 감사하겠습니다.