리액트 공식문서 LifeCycle

컴포넌트 생명주기

모든 컴포넌트는 여러 종류의 “생명주기 메서드”를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수 있습니다. 이 생명주기 도표를 필요할 때마다 활용하면 좋습니다. 아래 목록에서 자주 사용되는 생명주기 메서드를 진하게 표시했습니다. 나머지 것들은 상대적으로 자주 사용되지 않습니다.

생명주기 함수

🔥 1. 마운트

클래스형 컴포넌트

1. constructor()
2. rencder()
3. componentDidMount()

함수형 컴포넌트

1. useState initial
2. render
3. useEffect

🔥 2. 업데이트

1. render()
2. componentDidUpdate()

🔥 3. 마운트 해제

1. componentWillUnmount()

참조

컴포넌트 라이프사이클