글 작성자: 망고좋아
반응형

🎯 리액트 생명주기란?

  • 생명주기란 앱이 실행되고 종료되는 과정을 특정 시점 별로 나눠둔 것을 말한다.
  • React의 생명주기는 컴포넌트가 이벤트를 다룰 수 있는 특정 시점을 말하며 마운트, 업데이트, 언마운트 상태로 구성되어 있다.
    • 컴포넌트가 실제 DOM에 삽입되는 것을 마운트
    • 컴포넌트가 변하는 것을 업데이트
    • 컴포넌트가 DOM 상에서 제거되는 것을 언마운트

 

📝 생명주기 메소드

  • 컴포넌트는 생성->업데이트->제거의 생명주기를 지닌다.

  • constructor(): State 데이터를 초기화하는 메소드
  • render(): 클래스 컴포넌트에서 반드시 구현되어야 하는 메소드
  • componentDidMount(): 컴포넌트가 마운트 된 직후 호출되는 메소드
  • componentDidUpdate(): 업데이트가 진행된 직후에 호출되는 메소드
  • componentWillUnmount(): 컴포넌트가 마운트 해제되어 제거되기 직전에 호출되는 메소드
반응형