- 마운트 : 컴포넌트가 처음으로 렌더링된 순간 / 컴포넌트가 DOM에 삽입되는 과정
- 업데이트 : 컴포넌트가 리렌더링 된 순간 / 컴포넌트의 props 또는 state가 변경될 때
- 언마운트 : 화면에서 사라진 순간 / 컴포넌트가 DOM에서 제거되는 과정
1. 마운팅
- constructor()
- getDerivedStateFromProps()
- render()
- componentDidMount()
2. 업데이트
- getDerivedStateFromProps()
- shouldComponentUpdate()
- render()
- getSnapshotBeforeUpdate()
- componentDidUpdate()
3. 언마운팅
- componentWillUnmount()
함수형 컴포넌트 라이프사이클 (useEffect)
1. 마운팅 및 업데이트
- useEffect(() => { ... }, [])
- useEffect(() => { ... })
- useEffect(() => { ... }, [dependencies])
2. 언마운팅
- useEffect(() => { return () => { ... } }, [])
