[React] 리액트 컴포넌트 라이프사이클 메서드 (생명주기 메서드)

리액트의 컴포넌트들은 라이프사이클 즉 생명주기를 가지고 있습니다.

 

생명주기(라이프사이클)이란 컴포넌트가 생성되고 쓰이고 삭제 될때까지의 일련의 과정을 얘기하는 단어입니다.

 

각 메서드들을 호출하여 사용할 수 있는데 각 항목들을 한번 알아봅시다

 

1. render() 함수

컴포넌트의 가장 기본이자 가장 중요한 함수 입니다. 컴포넌트의 모양을 의미합니다.

2. constructor 메서드

생성자 메서드로 컴포넌트를 만들 때 처음으로 실행되는 메서드 입니다.

3. getDerivedStateFromProps 메서드

v16.3이후에 새로 만들어진 라이프사이클 메서드이며 props로 받아온 값을 state에 동기화 시키는 용도로 사용되며 컴포넌트를 마운트하거나 props를 변경할때 사용됩니다.

4. componentDidMount 메서드

컴포넌트를 만들고, 첫 렌더링을 다 끝낸 후에 실행됩니다.

5. shouldComponentUpdate 메서드

props 또는 state를 변경했을 경우, 리렌더링을 시작할지 여부를 지정할 수 있는 메서드 입니다.

6. getSnapshotBeforeUpdate 메서드

v16.3이후에 새로 만들어진 라이프사이클 메서드이며 render 메서드를 호출 한 후 DOM에 변화를 반영하기 바로 직전에 호출됩니다.

7. componentDidUpadate 메서드

리렌더링을 완료한 후에 호출되는 메서드입니다.

8. componentWillUnmount 메서드

컴포넌트를 DOM에서 제거할 때 호출되는 메서드입니다.