본문 바로가기
react

리액트의 생명주기(Life Cycle)

by 원석초이 2024. 2. 18.

리액트의 생명주기(Life Cycle)는 컴포넌트가 생성되고 업데이트되는 과정을 의미합니다. 리액트 컴포넌트는 다양한 단계를 거치며 각 단계에서 특정한 작업을 수행할 수 있습니다.

리액트 컴포넌트의 생명주기 메서드는 다음과 같습니다:

  1. 마운트(Mounting)
    • constructor(): 컴포넌트가 생성되고 초기화될 때 호출됩니다.
    • componentDidMount(): 컴포넌트가 DOM에 마운트된 후 호출됩니다. 초기 데이터 요청이나 외부 라이브러리와의 연동 등의 작업에 적합합니다.
  2. 업데이트(Updating)
    • componentDidUpdate(prevProps, prevState): 컴포넌트의 상태나 속성이 변경되어 업데이트될 때 호출됩니다. 이전 상태와 속성을 비교하여 필요한 작업을 수행할 수 있습니다.
  3. 언마운트(Unmounting)
    • componentWillUnmount(): 컴포넌트가 DOM에서 제거되기 직전에 호출됩니다. 리소스 해제나 이벤트 리스너 등의 정리 작업을 수행할 수 있습니다.
  4. 에러 처리(Error Handling)
    • componentDidCatch(error, info): 하위 컴포넌트에서 발생한 오류를 처리할 때 호출됩니다.