리액트 React.memo (1) 썸네일형 리스트형 React(리액트): 최적화 함수들 useMemo, useCallback, React.memo useMemo 이번에는 'useMemo'라는 Hook을 사용해서 이전에 연산된 값을 재사용하는 방법에 대해서 알아보자. 이 Hook 함수는 주로 성능을 최적화해야 하는 상황에서 사용한다. 이전 글에서 만든 컴포넌트들에 이어서 만들어보도록 하겠다. App.js 컴포넌트의 users 배열에서 active 값이 true인 객체의 수 ('계정명'의 글자가 초록색)를 표시하는 함수를 만드는 것을 예제로 하겠다. App.js function countActiveUsers(users){ console.log('활성 사용자 수를 세는중....'); return users.filter(user=> user.active).length; } App.js의 맨 윗부분에 작성해준 코드이다. 이 함수는 users배열을 파라미터로.. 이전 1 다음
