Life Cycle(React) (23/03/23)

Life Cycle

• Life Cycle 이란?
    한국어로 "생명주기 메서드" 라고 부릅니다. 생명주기 메서드는 컴포넌트가 브라우저상에 나타나고, 업데이트되고, 사라지게 될 때 호출되는 메서드들 입니다. 추가적으로 컴포넌트에서 에러가 났을 때 호출되는 메서드도 있습니다.
    생명주기 메서드는 클래스형 컴포넌트에서만 사용 할 수 있는데요, 기존에 배웠었던 useEffect 랑 비슷하다고 생각하면 된다. (물론 작동방식은 많이 다릅니다. 커버하지 않는 기능들도 있습니다.)
• 순서
• mounting : DOM이 생성되고 웹 브라우저 상에 나타나는 것을 뜻함
  • constructor
  • getDerivedStateFromProps
  • render
  • componentDidMount
• updating : 다음과 같은 4가지 상황에서 업데이트가 발생
  • getDerivedStateFromProps
  • shouldComponentUpdate
  • render
  • getSnapshotBeforeUpdate
  • componentDidUpdate
• unmounting : DOM에서 제거 되는 것을 뜻한다.
  • componentWillUnmount