React.memo

React

[React] 리액트 성능 최적화: React.Memo, useCallback, useMemo

리액트 성능 최적화의 필요성 리액트에서 컴포넌트는 state, props, context가 바뀔 때, 그리고 부모 컴포넌트가 재실행될 때 재실행되고 재평가된다. 컴포넌트가 재실행된다고 해서 반드시 실제 DOM이 변경되는 것은 아니다. virtual DOM상에서 변경 사항을 감지할 때만 실제 DOM에 변경 사항이 반영된다. 그렇지만 변경할 필요가 없는 컴포넌트의 재실행 및 재평가는 리액트의 성능에 영향을 줄 수 있다. 특히 애플리케이션의 상위에 존재하는 컴포넌트가 재실행·재평가된다면 그 하위의 모든 컴포넌트도 재실행될 것이기 때문에 애플리케이션의 규모가 클 경우에는 이것이 성능에 안 좋은 영향을 줄 수 있다. 그래서 리액트에서는 성능 최적화를 위해 React.memo와 useCallback을 사용할 수 있..

JeanneLee57
'React.memo' 태그의 글 목록