Joonas' Note
목록2025/04/15 (1)
Joonas' Note
[React] useDeepMemo
primitive 하게 비교되지 않는 object들은 의존성 배열에서 같은 값으로 인식하지 않는다.이건 javascript 의 비교 연산자가 얕은 비교를 하기 때문이다. 아래는 대표적인 사례.{} == {}// output: false즉, 아래의 memo는 전혀 캐싱되지 않기 때문에 어떤 스노우볼을 굴릴 지 모른다.const complexObject = {a:1, b:2, c:"xyz"}// 의존성 배열은 항상 다른 값으로 인식된다.const complexMemo = useMemo(() => complexObject, [complextObject])아래와 같이 비교 대상을 문자열로 변경해서 해결하는 방법도 있는데, 보기에도 느껴지지만 그렇게 권장되는 방법은 아니다.const complexObject = ..
개발/Javascript
2025. 4. 15. 00:22