useCallback (1) 썸네일형 리스트형 [Fast Campus , React] 15. React useCallback & useMemo useCallback을 이용한 함수 최적화 원래 컴포넌트가 렌더링 될 때 그 안에 있는 함수도 다시 만들게 된다. 똑같은 함수를 컴포넌트가 렌더링 된다고 해서 계속 다시 만드는 것은 좋은 현상은 아니다. 만약 이 함수가 자식 컴포넌트에 props로 내려준다면 함수를 포함하고 있는 컴포넌트가 리렌더링 될 때마다 자식컴포넌트도 함수가 새롭게 만들어지니 계속 리렌더링 하게 된다. React.memo를 사용해도 리렌더링 되는 현상이 발생하기 함. React.useCallback 메모이제이션된 함수를 반환하는 함수 useCallback안에 콜백함수와 의존성 배열을 순서대로 넣어주면 된다 함수 내에서 참조하는 state, props가 있다면 의존성 배열에 추가해 주면 된다. useCallback으로 인해 의존성 배.. 이전 1 다음