[React.js] 리액트 최적화(useMemo, React.memo, useCallback)

useMemo란 "메모이제이션" 기법을 기반으로 불 필요한 연산을 최적화 하는 리액트 훅 Memoization: 기억해두기, 메모해두기 라는 뜻 동일한 연산이 필요해질때 마다 재연산을 통해 결과값을 가져오는것이 아닌 처음 연산이 이루어 질때 메모리 어딘가에 저장해두고 다음에 연산이 필요할때 저장된 값을 가져다 쓰는것 이다. const { totalCount, doneCount, notDoneCount } = useMemo(() => { console.log("getAnalyzedData 호출"); const totalCount = todos.length; const doneCount = todos.filter((todo) => todo.isDone).length; const notDoneCount = t..

2024.03.21