React - useCallBack

useCallBack

:메모이제이션 기법으로 컴포넌트 성능을 최적화 시켜주는 도구

함수를 메모이제이션해서 불필요한 재생성을 방지한다 ( 재사용한다는 뜻 )

컴포넌트가 리랜더링 될 때, 의존성 배열에 있는 값이 변경되지 않으면 이전의 함수를 반환함

자식컴포넌트가 불필요하게 리랜더링 되는 것을 방지하는데 유용함.

 

useCallback 사용법

useCallback(() => {
	코드
}, [])

 

예시 코드

 

 

---

 

단어 설명

# 메모이제이션 기법

: 동일한 작업을 반복할 때, 그 작업의 결과를 저장해 두었다가 다시 사용함으로써 불필요한 중복 연산을 피하는 최적화 기법

 

 

---