v17

v18

Next

hook api

라이프사이클 설명

리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리 입니다.

그러다보니 각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 수명 주기가 존재합니다.

컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사리질 때 끝이납니다.

라이프 사이클은 총 9개가 존재합니다.

크게 세가지 유형으로 나눌 수 있는데 생성 될때, 업데이트 할 때, 제거할 때이다. 이를 리액트에서는 마운트,업데이트,언마운트라고 합니다.

여기서 마운트는 DOM이 생성되고 웹 브라우저 상에서 나타나는 것을 뜻하고, 반대로 언마운트는 DOM에서 제거되는 것을 뜻합니다.

주의하여 볼 것은 업데이트 부분인데, 업데이트는 다음과 같은 4가지 상황에서 발생합니다..

  1. props가 바뀔 때
  2. state가 바뀔 때
  3. 부모 컴포넌트가 리렌더링 될 때
  4. this.forceUpdate로 강제로 렌더링을 트리거할 때

constructor

생성자 메소드로서 컴포넌트가 처음 만들어 질 때 실행됩니다.이 메소드에서 기본 state 를 정할 수 있습니다.