본문 바로가기

웹프로그래밍/부트캠프 - Codeit

[7주차] 위클리 페이퍼 - 리액트 생명주기(life cycle)에 대해 설명해 주세요.

728x90

컴포넌트 생명주기

  • 컴포넌트가 생성되어 화면에 마운트 되는 순간부터, 업데이트, 언마운트 되는 순간까지의 과정을 의미
  • 여러 생명주기 메소드를 통해, 각 생명주기의 동작을 정의 및 호출됨

주요 생명주기 메서드

  1. 클래스 컴포넌트
    1. constructor()
      • 컴포넌트의 생성 시 실행
      • 초기 상태를 설정하고, 메서드를 바인딩할 때 사용
    2. componentDidMount()
      • 컴포넌트가 처음 DOM에 마운트된 직후 호출
      • 사이드 이펙트를 발생시킬 때 사용
    3. componentDidUpdate()
      • 컴포넌트가 업데이트된 후에 호출
      • DOM을 업데이트하거나 새로운 데이터에 반응할 때 사용
    4. componentWillUnmount()
      • 컴포넌트가 DOM에서 제거될 때 호출
      • 정리 작업을 수행할 때 사용
  2. 함수 컴포넌트
    • useEffect() 를 통해, 생명주기를 통합적으로 관리할 수 있음

참고 자료

728x90