본문 바로가기

React

컴포넌트 성능 최적화

- 컴포넌트의 리렌더링을 방지할 때

- class 형 컴포넌트

=> shouldComponentUpdate 라는 라이프사이클을 사용합니다.

 

- 함수형 컴포넌트

=> 함수형 컴포넌트에서는 라이프사이클 매서드를 사용할 수 없기 때문에,

React.memo 라는 함수를 사용합니다.

사용법은 컴포넌트를 만들고 나서 감싸 주기만 하면 됩니다.

 

'React' 카테고리의 다른 글

[React] immer  (0) 2022.03.17
Todo-App 만들기 - 저장용  (0) 2022.03.16
[React] Hooks - 함수형 컴포넌트  (0) 2022.03.14
[React] Class 컴포넌트에서 ref 에 대한 정리  (0) 2022.03.11
이벤트와 매서드에 관하여  (0) 2022.03.11