React.js1 [React]16 성능최적화2 (useCallback) useCallback 은 useMemo와 비슷한 React-Hook이다. 값을 메모리에 저장해 두고 일반적으로 리렌더링 될 때에는 초기화되지 않고 값이 변경되는 것을 감지해서 값이 변경될 때만 함수를 실행시켜 주고 값을 업데이트해 준다. 차이점 useMemo(콜백함수, [ ]) 값을 memoization (메모리에 저장) useCallback(콜백함수, [ ]) 함수를 memoziation (메모리에 저장) useCallback을 쓰는 이유 자바스크립트에서 함수는 객체의 한 종류로 취급된다. 그래서 리렌더링 되면 함수가 초기화되면서 새로운 주소값을 할당받기 때문에 이전과 같은 모양의 함수라도 다른 함수로 취급된다. 그래서 함수를 저장하고 값이 변경되었을 때만 함수를 바꿔주는 hooks이 필요하다. 예제).. 2023. 1. 16. 이전 1 다음