반응형 useMemo1 useMemo와 React.memo를 이용한 최적화 변화가 없다면 굳이 똑같은 연산을 하거나, 리렌더링을 할 필요가 없다. 그냥 이전에 쓰던 데이터를 다시 쓰면 된다. 리액트에는 값이 바뀌었을때만 리렌더링 혹은 연산 을 하게 하는 기능이 있다. 바로 useMemo, useCallback, React.memo이다. UseMemo와 useCallback useMemo와 useCallback은 사용법이 useEffect와 흡사하다. 두번째 인자에 들어간 배열의 값이 바뀌면 첫번째 인자인 콜백이 실행된다. 아래사진은 내가 useMemo를 사용한 방식이다. 이렇게 하면 tags[0] 혹은 tags[1]의 값이 바뀌었을때만 변수 memoTags에 바뀐 tags의 값을 할당한다. useMemo가 '값'을 반환한다면 useCallback은 '함수'를 반환한다. 핵심은 .. 2021. 12. 19. 이전 1 다음 반응형