라이프 사이클 : 컴포넌트 생명 주기,
컴포넌트가 실행되거나 업데이트되거나 제거될 때 특정한 이벤트들이 발생한다.
Mount
: 컴포넌트가 처음 실행될 때 mount라고 표현, render로 컴포넌트를 DOM에 부착
순서
1) state, context, defaultProps 저장
2) componentWillMount
3) render
4) componentDidMount
Props Update
: props가 업데이트될 때의 과정, 업데이트 되기 전에 업데이트가 발생하였음을 감지
State Update
: setState 호출을 통해 state가 업데이트될 때의 과정
Unmount
: 컴포넌트가 제거되는 것
출처
https://www.zerocho.com/category/React/post/579b5ec26958781500ed9955
(React) React의 생명 주기(Life Cycle) - 라이프사이클
안녕하세요. 이번 시간에는 React의 생명 주기에 대해서 알아보겠습니다. 갑자기 웬 생명 주기냐고요? React 컴포넌트는 생명 주기가 있습니다. 생애 주기 또는 라이프사이클(Life cycle)이라고도 많
www.zerocho.com
'Development > React.js' 카테고리의 다른 글
| [React] npm vs npx (0) | 2022.01.21 |
|---|---|
| [React] Redux (0) | 2022.01.21 |
| [React] React.memo를 사용한 컴포넌트 리렌더링 방지 (0) | 2022.01.04 |
| [React] useCallback 을 사용하여 함수 재사용하기 (0) | 2022.01.04 |
| [React] useMemo를 사용하여 연산한 값 재사용하기 (0) | 2022.01.04 |