모든 리액트 컴포넌트에는 라이프사이클이 존재합니다.
컴포넌트의 수명은 페이지에 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝납니다.
라이플사이클 메서드는 클래스형 컴포넌트에서만 사용할 수 있습니다.
함수형 컴포너늩에서는 사용할 수 없는데 그 대신에 Hooks 기능을 사용하여 비슷한 작업을 처리할 수 있습니다. Hooks에 대한 내용은 다음 장에서 알아보겠습니다.
라이프사이클 메서드의 이해
라이프사이클 메서드의 종류는 총 아홉 가지입니다.
- Will 접두사가 붙은 메서드: 어떤 작업을 작동하기 전에 실행되는 메서드
- Did 접두사가 붙은 메서드: 어떤 작업을 작동한 후에 실행되는 메서드
이 메서드들은 컴포넌트 클래스에서 덮어 써 선언함으로써 사용할 수 있습니다.
라이프사이클은 총 세가지 카테고리로 나눕니다.
- 마운트 (페이지에 컴포넌트가 나타남)
- 업데이트 (컴포넌트 정보를 업데이트)
- 언마운트 (페이지에서 컴포넌트가 사라짐)
마운트
DOM이 생성되고 웹브라우저상에 나타나는 것을 마운트라고 합니다.
업데이트
컴포넌트는 다음과 같은 총 네 가지 경우에 업데이트합니다.
1. props가 바뀔 때
2. state가 바뀔 때
3. 부모 컴포넌트가 리렌더링될 때
4. this.forceUpdate로 강제로 렌더링을 트리거할 때
언마운트
마운트의 반대 과정, 즉 컴포넌트를 DOM에서 제거하는 것을 언마운트라고 합니다.
