
React에서의 메모이제이션 제대로 사용하기(useMemo, useCallback, memo)
리액트에서 성능 개선하면 메모이제이션이 가장 먼저 떠오를 것이다.최근 애플리케이션의 성능을 개선하길 원하며 수많은 함수들이 useCallback으로 래핑되어 있다.하지만 모든 함수를 useCallback으로 감싼다고 해서 애플리케이션의 성능이 좋아지는 것일까? 메모이제이션이 왜 필요할까?이는 자바스크립트에서의 값 비교와 관련이 있다. string이나 boolean같은 원시 값들은 비교가 매우 직관적이다.const a = 1;const b = 1;a === b // true 보이는 값이 바로 그 값이다. 즉, 위의 예제에서 a와 b를 비교했을 때, 보이는 것과 같이 두 변수의 실제 값은 동일하다. 하지만 object와 array, function과 같은 참조 값들은 다르다.어떤 변수에 객체를 할당했을 때 ..