React.memo1 [React] React.memo 사용법 메모이제이션(Memoization)이란? JS 메모이제이션에서도 공부했지만 리마인드 차원에서 다시 살펴 보자면, 프로그래밍에서 반복되는 결과를 메모리에 저장 해놓고 다음에 같은 결과가 나올 때 다시 계산할 필요없이 빨리 실행 하는 코딩 기법을 말하는 것이다. 1. React에서 Memoization 먼저 React에서 컴포넌트가 렌더링하는 규칙에는 대표적으로 크게 3가지가 존재한다. State가 업데이트된 컴포넌트 Props가 변경된 컴포넌트 Re-Rendering 된 부모컴포넌트의 모든 자식컴포넌트 이 중 세번째 Re-Rendering 된 부모컴포넌트의 모든 자식컴포넌트들은 불필요한 렌더링이 일어난다. 이러한 불필요한 렌더링은 애플리케이션의 규모가 커질수록 더욱 성능저하가 올 수 있다. 따라서 성능최적.. 2024. 1. 1. 이전 1 다음
