컴포넌트의 라이플사이클 메서드 - (1)

컴포넌트의 라이플사이클 메서드

Mount

DOM이 생성되고 웹 브라우저상에 나타나는 것을 마운트라고 한다. 이때 호출되는 메서드는 다음과 같다. 

constructor

컴포넌트를 새로 만들 때 마다 호출되는 클래스 생성자이다.

getDerivedStateFromProps

props에 있는 값을 state에 동기화하는 메서드이다.

render

준비한 UI를 렌더링하는 메서드이다.

componentDidMount

컴포넌트가 웹 브라우저상에 나타난 후 호출되는 메서드이다.

Update

컴포넌트를 업데이트 할 때는 다음 네 가지 경우다.

1. props가 바뀔 때

2. state가 바뀔 때

3. 부모 컴포넌트가 리렌더링 될 때

4. this.forceUpdate로 강제로 렌더링을 트리거할 때

이렇게 컴포넌트를 업데이트 할 때는 다음 메서드를 호출한다.

getDerivedStateFromProps

이 메서드는 마운트 과정에서도 호출하며, props가 바뀌어서 업데이트할 때도 호출한다.

shouldComponentUpdate

컴포넌트가 리렌더링을 해야 할지 말아야 할지를 결정하는 메서드이다. 여기에서 flase를 반환하면 아래 메서드들을 호출하지 않는다.

render

컴포넌트를 리렌더링한다.

getSnapshotBeforeUpdate

컴포넌트 변화를 DOM에 반영하기 바로 직전에 호출하는 메서드이다.

componentDidUpdate

컴포넌트의 업데이트 작업이 끝난 후 호출하는 메서드이다.

Unmount

마운트의 반대 과정, 컴포넌트를 DOM에서 제거하는 것은 언마운트라고 한다.

componentWillUnmount

컴포넌트가 웹 브라우저상에서 사라지기 전에 호출하는 메서드이다.