목록reactmemo (1)

좌충우돌 개발자의 길

[React] 리액트로 성능 개선하기2. - useCallback과 React.memo

1. 리액트에서 성능 개선을 해보자 useMemo에 이어서... 2. useCallback 함수를 memorization하기 위해 사용 2-1. useCallback의 장점 리액트 컴포넌트 아넹 함수가 선언되면, 컴포넌트가 렌더링 될 때마다 새로 생성된다. 하지만 useCallback을 사용하면 컴포넌트가 렌더링 되어도 의존성 배열에서 참조한 값이 변경되지 않으면 새롭게 생성되지 않는다. 2-2. useCallback의 구조 첫번째 인자 : 콜백함수 두번재 인자 : 의존성 배열로 배열 내의 갑싱 변경될 때까지 함수를 저장해노혹 재사용할 수 있도록 함 2-3. 주의점 자바스크립트 함수 동등성으로 값이 변화하면 부모 컴포넌트가 렌더링되고 그 값을 전달받은 자식 컴포넌트도 렌더링된다. 이러헥 두번 렌더링되는 ..
카테고리 없음 2023. 1. 19. 15:32
이전 Prev 1 Next 다음