useRef 썸네일형 리스트형 [React] Re-rendering과 함수 참조 관리 ✏️ Re-rendering(리렌더링)이란?React가 컴포넌트를 다시 실행하여 새로운 결과물을 생성하면, 그것을 지켜보고 있던 Virtual DOM이 기존 컴포넌트와 현재 컴포넌트의 차이점(diff)을 발견하여 실제 DOM의 변경 사항만 효율적으로 업데이트하는 것. ✏️ Re-rendering Trigger (컴포넌트가 리렌더링 되는 조건)1. 컴포넌트의 props가 변경되거나,2. 컴포넌트의 state가 업데이트될 때기본적인 조건은 이 두 가지이지만, 3. context가 변경될 때- Context 값이 변경되면, 해당 Context를 사용하는 모든 컴포넌트가 리렌더링 된다. 4. 부모 컴포넌트가 리렌더링 될 때 자식 컴포넌트가 리렌더링 된다.- 이때 React.memo를 사용하면 불필요한 리렌더링.. 더보기 이전 1 다음