리엑트 렌더링 (1) 썸네일형 리스트형 [React] 리엑트 살펴보기2: 리렌더링 조건, 리렌더링 최적화 방법(memo, useMemo, useCallback, children props) 목표리엑트의 성능을 개선하기 위해서 리렌더링 최적화가 무엇인지에 대해 이해하고 방법을 알아본다. 1. 리렌더링의 조건2. memo의 기능과 작동 조건3. useMemo, useCallback4. 모든 컴포넌트에 memo를 사용하면 될까?5. children props6. 참고. 리엑트 앱의 성능 분석 방법: react dev tool 1. 리렌더링의 조건컴포넌트에서 리렌더링이 발생하는 조건은 크게 두 가지다.부모 컴포넌트에서 리렌더링이 발생할 때컴포넌트의 state가 업데이트될 때(단, 동일한 원시값이나 동일한 참조의 객체값으로 변경되면 업데이트 되지 않음) 두 번째 경우에는 state와 연결된 UI가 변해야 하니 당연히 리렌더링이 필요할 수 밖에 없다. 하지만, 첫번째 경우는 다르다. 부모 컴포넌트에.. 이전 1 다음