📚 Reference

• 공식 문서 1
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3
• 참고 자료 4

📜 Chapter

useCallback

useState

memo

Memoization

• memoization
• 메모이제이션
• 메모이제이션은 기존에 수행한 연산의 결과 값을 어딘 가에 저장해두고 동일한 입력이 들어오면 재활용 하는 프로그래밍 기법이다.
• 이것을 적절하게 활용하면 중복 연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성능을 최적화 할 수 있다.
• 메모이제이션은 이전에 사용한 값이 렌더링 후에도 변화하지 않았다면 굳이 다시 만들지 않고 이 전에 사용한 값을 사용하겠다는 의미다.

useMemo

• useMemo
• useMemo 는 재렌더링 사이에 계산 결과를 캐싱할 수 있게 해주는 React Hook 이다.
• useMemo는 메모이제이션된 값을 반환하는 함수이다.

const cachedValue = useMemo(calculateValue, dependencies)

• 여기서 deps로 지정한 값이 변하게 된다면 () => fn 함수를 실행하고, 그 함수의 반환 값을 반환 해준다.