[카카오테크 부트캠프] React 생명주기

React 생명주기

React 컴포넌트는 여러 단계를 거쳐 생성되고 업데이트되며 소멸됩니다. 이러한 과정에서 특정한 시점에 실행되는 메소드들이 있습니다. 이들 메소드를 통해 컴포넌트의 상태와 동작을 관리할 수 있습니다.

주요 생명주기

• 마운팅(Mounting)
  • 컴포넌트가 생성될 때 초기 상태를 설정합니다.
  • 컴포넌트가 화면에 나타날 때 초기 데이터 로드나 외부 API 호출을 수행할 수 있습니다.
• 업데이트(Updating)
  • 컴포넌트의 상태가 변경될 때마다 UI를 업데이트할 수 있습니다.
  • 성능 최적화를 위해 업데이트를 처리할지 여부를 결정할 수 있습니다.
• 언마운팅(Unmounting)
  • 컴포넌트가 제거되기 전에 정리 작업을 수행할 수 있습니다.

• 생명주기 메소드는 React의 클래스형 컴포넌트에서만 사용할 수 있습니다.
• 함수형 컴포넌트에서는 클래스형 컴포넌트의 생명주기 메소드와 유사한 동작을 수행하기 위해 useEffect 훅을 사용할 수 있습니다.
• useEffect 훅은 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있으며, 마운팅, 업데이트, 언마운팅 단계에서 필요한 동작을 지정할 수 있습니다.