2022년 1월 31일 https://react.vlpt.us/basic/25-lifecycle.html

https://velog.io/@sukong/REACT-리액트의-생명주기와-useEffect-Hook

Untitled

http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

0. 리액트의 생명주기

컴포넌트는 ‘생성(mounting)’ → 업데이트(updating) → 제거(unmounting)’의 생명 주기를 갖는다.

리액트의 클래스 컴포넌트는 라이프사이클 메서드를 활용하고, 함수형 컴포넌트는 Hook을 사용한다.

1. Class Component 생명주기

1. 마운트

컴포넌트가 마운트될 때 발생하는 생명주기들을 알아봅니다.

constructor

컴포넌트의 생성자 메서드, 컴포넌트가 생성되면 가장 먼저 실행되는 메서드

this.props, this.state에 접근할 수 있으며 리액트 요소를 반환한다.

getDerivedStateFromProps

props로 받아온 것을 state에 넣어주고 싶을 때 사용