const add1 = useMemo(() => (a: number, b: number) => a + b, [])
const add2 = useCallback((a: number, b: number) => a + b, [])
이거 두 개 차이점이 뭐임?? 차이점이 없다면 useCallback이 따로 있는 이유는 뭐임?
const add1 = useMemo(() => (a: number, b: number) => a + b, [])
const add2 = useCallback((a: number, b: number) => a + b, [])
이거 두 개 차이점이 뭐임?? 차이점이 없다면 useCallback이 따로 있는 이유는 뭐임?
위가 구리다는거 빼고 기능상으로는 차이 없음
메모는 dom변경이 개별적으로 잦을때 쓰셈. - dc App
똑같은데 위에건 좆같아서 쓰기 편하라고 저렇게 제공 - dc App
https://react.dev/reference/react/useMemo#memoizing-a-function
업데이트
된 문서에 정확히 나와있네요 허허... 좀만 더 찾아볼걸 ㅋㅋ
1번보단 2번이 편해보이긴하다
가독성 챙기라고 만든거.기능상으론 똑같음.const a = () =>{}이거보다function() {}이게 함수라고 인지하는 속도가 더 빠르잖아.그런 느낌임.근데 개인적으로 useMemo useCallback 쓰다가 최초 렌더링 속도 개느려서 피본 개발자들 많이 봐서.난 저기능 자체를 비추하는 편임.공홈에서도 진짜 필요한 곳에만 쓰라고 적혀있기도 하고.
업데이트가 잦은 컴포넌트에서나 쓰임이 있을텐데, 그런 경우가 생각보다 많지는 않은 듯. 애초에 컴포넌트 업데이트가 불필요하게 많이 되는 건 memo로 메모이제이션 하는게 맞기도 하고