모든 리액트 컴포넌트에는 라이프사이클이 존재한다. 페이지에 렌더링되기 전 준비 과정에서 시작해서 페이지에서 사라질 때 끝난다.

라이프사이클 메서드를 사용해서 컴포넌트를 렌더링 할 때, 업데이트할 때 등 특정한 시점에 맞춰서 작업을 진행할 수 있다.

클래스형 컴포넌트에서만 사용이 가능하다. 함수형 컴포넌트에서는 Hook을 사용해(useEffect) 라이프사이클 메서드를 흉내낼 수 있다.

라이프사이클

크게 세 가지 카테고리인 마운트, 업데이트, 언마운트로 나뉜다.

마운트

DOM이 생성되고 웹 브라우저상에 나타나는 것.

• constructor

• getDerivedStateFromProps

• render

• componentDidMount

업데이트

리렌더링을 하는 경우

• props가 바뀔 때