핵심 답변
리액트 컴포넌트는 마운트 → 업데이트 → 언마운트 세 단계를 거칩니다.
📌 클래스형 컴포넌트
마운트:
componentDidMount업데이트:
componentDidUpdate언마운트:
componentWillUnmount📌 함수형 컴포넌트 (Hooks)
javascript
useEffect(() => {
// componentDidMount 역할
return () => {
// componentWillUnmount 역할
};
}, [dependency]); // dependency 변경 시 componentDidUpdate 역할핵심 용어
📌 마운트컴포넌트가 처음 DOM에 삽입되는 시점입니다.
📌 언마운트컴포넌트가 DOM에서 제거되는 시점입니다. 이벤트 리스너, 타이머 등 정리(cleanup)가 필요합니다.