리액트 컴포넌트의 라이프사이클 :
- 컴포넌트가 생성될 때부터 삭제될 때까지의 과정을 나타냅니다.
- 라이프사이클 메서드를 이용하면 컴포넌트가 생성되고 업데이트, 제거될 때 필요한 추가 작업을 수행 할 수 있습니다.
리액트의 라이프사이클은 크게 세 가지 카테고리로 나뉩니다.
- 마운트 (Mounting)
- 업데이트 (Updating)
- 언마운트 (Unmounting)
마운트 (Mounting): 컴포넌트가 DOM에 추가되기 전에 실행되는 단계입니다. constructor, render, componentDidMount 메서드가 호출됩니다.
업데이트 (Updating): 컴포넌트의 props나 state가 변경되어 다시 렌더링될 때 호출됩니다. shouldComponentUpdate, render, componentDidUpdate 메서드가 호출됩니다.
언마운트 (Unmounting): 컴포넌트가 DOM에서 제거되기 전에 실행되는 단계입니다. componentWillUnmount 메서드가 호출됩니다.
리액트에서는 처음에 클래스형 컴포넌트를 사용했는데, 이를 사용 시 코드의 재사용성 저하, 코드 구성의 난이도 상승 등의 문제가 많았고 진입장벽이 너무높았던 탓에 함수형 컴포넌트를 사용하게 되었고, state의 사용이나 생명주기를 직접 다루는 기능은 Hook이라는 것으로 모든 것 들을 해결해 주었습니다.
