React | 리액트 성능 최적화 (useMemo, useCallback, React.memo)
·
FE/React & Redux
React에서 성능 최적화는 불필요한 렌더링을 줄이고 렌더링 속도를 높이는 것을 목표로 함React는 기본적으로 빠르게 렌더링 되지만, 컴포넌트가 많아지거나 상태가 복잡해지면 최적화가 필요함useMemo, useCallback, React.memo는 성능 최적화를 위한 도구로, 불 필요한 계산이나 렌더링을 방지하여 앱의 렌더링 성능을 개선할 수 있음 메모이제이션컴포넌트가 불필요하게 다시 계산하거나 렌더링하는 것을 방지하기 위해 이전에 계산한 값을 저장해두고 재사용하는 기법컴포넌트가 특정 상태나 props가 변경되지 않으면, 이미 저장된 값이나 함수를 재사용하여 성능을 최적화 할 수 있음 useMemo: 값 메모이제이션역할: useMemo는 비용이 많이 드는 연산(복잡한 계산)이나 함수 결과를 메모이제이션..