728x90
컴포넌트 생명주기
- 컴포넌트가 생성되어 화면에 마운트 되는 순간부터, 업데이트, 언마운트 되는 순간까지의 과정을 의미
- 여러 생명주기 메소드를 통해, 각 생명주기의 동작을 정의 및 호출됨
주요 생명주기 메서드
- 클래스 컴포넌트
- constructor()
- 컴포넌트의 생성 시 실행
- 초기 상태를 설정하고, 메서드를 바인딩할 때 사용
- componentDidMount()
- 컴포넌트가 처음 DOM에 마운트된 직후 호출
- 사이드 이펙트를 발생시킬 때 사용
- componentDidUpdate()
- 컴포넌트가 업데이트된 후에 호출
- DOM을 업데이트하거나 새로운 데이터에 반응할 때 사용
- componentWillUnmount()
- 컴포넌트가 DOM에서 제거될 때 호출
- 정리 작업을 수행할 때 사용
- constructor()
- 함수 컴포넌트
useEffect()
를 통해, 생명주기를 통합적으로 관리할 수 있음
참고 자료
728x90