리액트의 컴포넌트 생명주기

모든 리액트 컴포넌트는 여러 종류의 생명주기 메서드를 가진다.
이 메서드를 오버라이딩(기존의 상속받은 메서드를 재정의)하여 특정 시점에 코드가 실행되도록 설정할 수 있다.

생명주기는 크게 3가지로 나뉠 수 있다.
컴포넌트의 인스턴스가 생성되어 DOM에 삽입될 때를 말하는 마운트(Mount),
props 또는 state가 변경되어 갱신이 발생하는 업데이트(Update),
컴포넌트가 DOM 상에서 제거될 때를 말하는 언마운트(Unmount).

마운트 Mount

다음 메서드들은 마운트 시점에 순서대로 호출된다.

• constructor()
• static getDerivedStateFromProps()
• render()
• componentDidMount()

* UNSAFE_componentWillMount()가 있었지만 이제는 사용할 수 없다.

업데이트 Update

다음 메서드들은 컴포넌트가 다시 렌더링될 때 순서대로 호출된다.

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

언마운트 Unmount

다음 메서드는 언마운트 시점에 호출된다.

• componentWillUnmount()