컴포넌트의 생명주기와 리액트의특성

컴포넌트 생명주기

마운트

아래 메서드들은 컴포넌트의 인스턴스가 생성되어 DOM 상에 삽입될 때에 순서대로 호출됩니다.

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

업데이트

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

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

마운트 해제

아래 메서드는 컴포넌트가 DOM 상에서 제거될 때에 호출됩니다.

• componentWillUnmount()

 

 

 

리액트의특성

 

1.메모리에 가상돔을 먼저만든다 

2.가상돔을 먼저 렌더링시킨다.

3.브라우져 dom과 비교한다

4. 바뀐부분만 렌더링시켜준다