react최적화1 react 최적화 React.memo / useCallback / useMemo 리액트에서 렌더링이 자주 일어나는 것은 좋은 상황이 아니다. 렌더링은 필요할 때만 되어야 한다. 최적화 작업을 통해 개선할 수 있다. 최적화 방법 React.memo : 컴포넌트 useCallback : 인자로 들어오는 함수 useMemo : value(함수 리턴값 또는 값 그 자체) memo (React.memo) 컴포넌트를 메모리에 저장한다. React.memo(컴포넌트명, 비교함수) React.memo는 얕은 비교를 수행한다. 만약 다른 비교를 원한다면 두 번째 인자에 비교함수를 넣어주면 된다. React.memo로 컴포넌트를 감싸면 컴포넌트를 메모리에 저장한다. (memoization) 렌더링 시에 값이 변경되었는지 확인할 때 변경이 없을 경우 메모리에 저장된 값을 재사용한다. 재사용하기 때문에 .. 2024. 1. 26. 이전 1 다음