[React] Life Cycle 라이프 사이클

Life Cycle ( 생애 주기 )

 

리액트 컴포넌트도 사람처럼 생애 주기가 있습니다.

유아기 컴포넌트, 청소년기 컴포넌트, 성인기 컴포넌트는 아니고요...

 

React에서는 Mount, Update, Unmount라는 세 가지 단계로 생애 주기를 구분합니다.

 

 

1. Mount ( 탄생의 순간 )

: 컴포넌트가 화면에 처음 나타날 때 발생합니다.

즉, 처음 렌더링되는 시점이죠

 

주로 사용하는 경우는 

• 서버에서 데이터를 불러올 때 (`fetch`, `axios` 등)
• 초기에 이벤트 리스너 등록 등 초기 설정할 때

2. Update ( 변화의 순간 )

: 컴포넌트가 리렌더링 될 때 발생합니다.

`state`나 `props` 가 바뀔 때마다 다시 그려지는 과정입니다.

 

주로 사용하는 경우는

• 특정 값이 변경될 때 콘솔에 로그를 찍거나
• DOM에 직접 접근해 효과를 줄 때 (useRef)

3. Unmount ( 퇴장하는 순간 )

: 컴포넌트가 화면에서 사라질 때 발생합니다.

렌더링에서 제외되고, 메모리에서 정리하는 단계.

 

주로 사용하는 경우는

• 타이머, 이벤트 리스너 정리
• 메모리 누수 방지