리액트 생명주기?

생명 주기

클래스 컴포넌트에서의 라이프 사이클

• 컴포넌트가 생성(마운트), 수정(업데이트), 제거(언마운트)될 때 발생하는 특정 이벤트들의 흐름
• 생명주기를 제대로 파악하면 특정 상황에 컴포넌트에서 사용하는 상태(+데이터)들을 제어할 수 있음

상태

• 리액트에서는 각 컴포넌트에서 제어하는 데이터가 있는데 이를 상태(State)로 표현
• 컴포넌트가 렌더링될 때마다 초기화되는게 일반적으로 적절한 상태값을 활용할 때 생명주기를 알고 있어야 상태값이 개발자가 예상한 값을 갖고 있음을 알 수 있다.

클래스형 컴포넌트

함수형 컴포넌트에서의 라이프 사이클

위에서 언급한 3가지 흐름 중에

• 마운트는 DOM이 생성되어 브라우저에 그려지는 단계
• 언마운트는 DOM에서 제거되는 단계

이지만 업데이트같은 경우 4가지 상황에서 발생한다

업데이트가 발생하는 상황