LifeCycle API (1)

출처 https://twitter.com/dan_abramove/status/981712092611989509

 

lifeCycle 은 리액트의 생명주기 입니다.

 

크게 3가지로 나눠집니다.

1.나타날 때

2.업데이트 될 때

3. 사라질때

 

 

 

-Mounting 

컴포넌트가 화면에 나타날 때

 

 

-Updating

컴포넌트에 prop가 바뀌거나 state가 바뀔때

 

-Unmount 

컴포넌트가 사라질 때

 

 

 

 

constructor 리액트가 실행될떄 가장먼저 실행되는 함수

하는 일은 State의 초기 설정 또는 컴포넌트가 만들어지는 과정에서 미리 해야되는 것들을 하는 작업들을 하는 것

 

getDerivedStateFromProps 

props로 받은 값을 state에 다가 동기화 시키고 싶을 때 또

마운팅 과정에서 나 또는 렌더 과정에서 Props가 바뀔때 사용됩니다.

 

render

함수는 어떤 돔을 만들게 될지 내부에 있는 태그들에 어떠한 값을 전달해 주는 함수

 

render함수가 실행되면 

 

componentDidMount함수가 실행됩니다.

주로 외부 라이브러리 네트워크 요청등을 처리하고 

예를 들어 몇초 뒤에 어떤 스크롤을 읽게 하고싶다. 

우리가 만든 컴포넌트가 화면에 나올 시점에 어떤작업을 하겠다는 것을 명시한다.