[React] 컴포넌트 생명주기

리액트에서 컴포넌트의 생명주기는 컴포넌트가 생성되고, 업데이트되고, 소멸될 때 일어나는 일련의 이벤트들을 의미한다. 이러한 이벤트들은 특정 시점에 미리 정의된 메서드들을 호출하며, 이러한 메서드들을 라이프사이클 메서드라고 한다.

리액트의 컴포넌트 생명주기는 크게 세 가지로 나눌 수 있다.

마운트(Mounting): 컴포넌트가 생성되고 DOM 상에 삽입된다.

constructor(): 컴포넌트의 생성자
getDerivedStateFromProps(): props로부터 state를 도출하는 메서드
componentDidMount(): 컴포넌트가 마운트된 후 실행되는 메서드

업데이트(Updating): 컴포넌트가 업데이트된다. props 또는 state가 변경되면 발생

getDerivedStateFromProps(): props로부터 state를 도출하는 메서드
shouldComponentUpdate(): 컴포넌트가 업데이트되어야 할지를 결정하는 메서드
render(): 컴포넌트의 UI를 반환하는 메서드
getSnapshotBeforeUpdate(): 컴포넌트가 업데이트되기 전에 DOM 상태를 캡처하는 메서드
componentDidUpdate(): 컴포넌트가 업데이트된 후 실행되는 메서드

언마운트(Unmounting): 컴포넌트가 DOM에서 제거된다.

componentWillUnmount(): 컴포넌트가 제거되기 전에 실행되는 메서드
이 외에도 컴포넌트가 에러를 발생시키거나, 에러 경계(Error Boundary)를 설정하는 등의 과정도 생명주기에 포함될 수 있다. 각 라이프사이클 메서드들은 특정 시점에 자동으로 호출되므로, 개발자는 이를 이용하여 컴포넌트의 동작을 조정하고 필요한 작업을 수행할 수 있다.