section4. 5-1 리액트 라이프사이클 소개

렌더함수가 실행되면 React가 JSX를 DOM에 딱 붙여주는데 그 순간을 Catch하여 무언가 할 수 있다.

 

React의 라이프사이클 소개

우선 class 기반으로 라이프사이클을 알아보자.

1. client.jsx에 의해 렌더링 되었을 때

constructor -> render -> ref설정 -> componentDidMount -> 화면에 표시된다.

 

2. setState / props 바뀌었을 때 

shouldComponentUpdate -> render -> componentDidUpdate

 

3. 부모가 나를 없앴을 때

componentWillUnmount -> 소멸