[React] 16. 라이프 사이클

서회정's avatar
Mar 02, 2026
[React] 16. 라이프 사이클

1. 라이프 사이클

💡
사전적 의미 = 생애주기 ⇒ 탄생에서부터 죽음까지의 단계
리액트에서의 라이프 사이클 = Mount / Update / UnMount 세 가지 단계를 말함
 
notion image
 

1. Mount

💡
컴포넌트가 화면에 처음 렌더링 되는 순간
 
notion image
 

2. Update

💡
컴퍼넌트가 리랜더링 되는 순간
 
notion image
 

3. UnMount

💡
컴퍼넌트가 렌더링에서 제외되는 순간
 
notion image
 

2. 라이프 사이클이 필요한 이유

 
리액트의 라이프 사이클에 대해 이해하고 있다면
프로그램을 설계할 때 개발자가 원하는 타이밍에 컴퍼넌트에게
어떠한 기능을 수행할 수 있도록 만들 수 있다.
 
notion image
 
우리는 이러한 작업을 라이프 사이클 제어라고 부르는데,
이는 useEffect라는 리액트 훅을 통해 손 쉽게 구현할 수 있다.
Share article

clubnerdy