컴포넌트가 생성될 때의 LifeCycle API를 알아봅시다.

제일 먼저 알아볼 LifeCycle API는 컴포넌트 마운트와 관련된 API 입니다. 해당 LifeCycle API들은 아래와 같은 순서로 호출됩니다. React 공식 홈페이지에서 많이 사용된다고 명시해놓은 API는 회색 배경으로 구분해놓았습니다.

1. constructor()
2. static getDerivedStateFromProps()
3. render()
4. componentDidMount()

위의 LifeCycle API를 호출 순서대로 하나씩 알아보도록 하겠습니다.

1. Constructor()

React 컴포넌트의 생성자입니다. 생성자는 해당 컴포넌트가 마운트되기 전에 호출됩니다. 보통 아래의 두 가지 목적을 위해 사용된다고 합니다. 그 외의 목적을 위해서는 다른 LifeCycle API를 사용해야 합니다.

• this.state에 객체를 할당하여 state 초기화
• 인스턴스에 이벤트 처리 메서드 바인딩

// Example
constructor(props) {
  super(props);

	// this.state에 객체를 할당하여 state 초기화
  this.state = { number: 0 };
	// 인스턴스에 이벤트 처리 메서드 바인딩
  this.countUp = this.countUp.bind(this);
}