React 라이프사이클

개념 설명

컴포넌트의 생성, 업데이트, 소멸 과정에서 발생하는 단계별 생명주기. 함수형 컴포넌트에서는 useEffect로 제어.

핵심 포인트

• 마운트(Mount): 컴포넌트 생성 및 DOM 삽입 시점
• 업데이트(Update): props나 state 변경으로 리렌더링 시점
• 언마운트(Unmount): 컴포넌트가 DOM에서 제거되는 시점
• useEffect 의존성 배열로 실행 시점 제어 가능
• 클린업 함수로 메모리 누수 방지 및 구독 해제

예시 코드

function LifecycleComponent({ userId }) {
  const [user, setUser] = useState(null);
  const [count, setCount] = useState(0);