리액트 클래스 컴포넌트에는 render() 이외에 Life Cycle 함수를 제공한다.

생명주기 메서드

마운트

아래 메서드들은 컴포넌트의 인스턴스가 생성되어 DOM 상에 삽입될 때에 순서대로 호출됩니다.
생성자는 this.state를 직접 할당할 수 있는 유일한 곳입니다.
그 외의 메서드에서는 this.setState()를 사용해야 합니다.

• constructor()
  해당 컴포넌트가 마운트되기 전에 호출
  ⚠️ 생성자 내부에서는 this.setState() 호출하면 안됨

• render():

• componentDidMount()

업데이트

props 또는 state가 변경되면 갱신이 발생합니다.
아래 메서드들은 컴포넌트가 다시 렌더링될 때 순서대로 호출된다.

• static getDerivedStateFromProps()
• shouldComponentUpdate()
• render()
• getSnapshotBeforeUpdate()
• componentDidUpdate()

컴포넌트가 갱신되었을 때 DOM을 조작하기 위하여 이 메서드를 활용하면 좋다.

언마운트

컴포넌트가 DOM에서 사라질 때 호출된다.

• ComponentWillUnmount()