React_useMemo

useMemo

성능 최적화를 위하여 연산된 값을 useMemo라는 Hook을 사용하여 재사용하는 방법을 알아보자.

active값이 true인 사용자의 수를 세어 화면에 렌더링하려고 하는데,

users에 변화가 있을 때만 세는 것이 아니라, input 값이 바뀔 때에도 수를 세고 있다.

이렇게 불 필요한 리렌더링을 막기 위해 useMemo를 사용 할 수있다.

useMemo의 Memo는 "memoized"를 의미

(이전에 계산 한 값을 재사용한다는 의미)