[Korean FE Article] useMemo 그리고 useCallback 이해하기
글 링크: https://bit.ly/3dAAJwc
소개
이전에 번역했던 왜 리엑트에서 리렌더링이 발생하는가 글의 후속 시리즈입니다.
성능 최적화를 위해 많이 사용하고 있는 useMemo와 useCallback 에 대해서 보다 깊게 알아볼 수 있는 글입니다. 무의식적으로 사용하고 있지만 놓치고 있던것들을 세세하게 설명하여 정확한 상황에서 해당 API들을 사용할 수 있게 도와줄 것 입니다. 평소 useMemo와 useCallback의 정의에 대해서 모호하게 알고 있으시던 분들은 이 글을 통해 정확한 정의와 용도를 알고 가시면 좋을 것 같습니다.
tl;dr
useMemo란?
무거운 계산이 남발되는 경우에 유용하게 사용되는 useMemo
React.memo 활용
useMemo를 사용한 참조 보존
useCallback이란?
useMemo와 useCallback을 사용해야 되는 경우