데브허브 | DEVHUB | 2025 React Master Class - 6강: useEffect란 무엇인가? 2️⃣2025 React Master Class - 6강: useEffect란 무엇인가? 2️⃣
useEffect의 네 번째 핵심 기능은 컴포넌트 언마운트 시 실행되는 클린업(cleanup) 함수입니다. 🧹
- 클린업 함수는
useEffect 내부에서 return 키워드를 사용하여 특정 함수를 반환하는 형태로 정의됩니다. ↩️
- 이 기능은 컴포넌트가 화면에서 사라지거나 더 이상 제어할 필요가 없을 때(언마운트) 동작합니다. 🚪
- 클린업이 없을 경우,
setInterval과 같은 비동기 작업이 컴포넌트 언마운트 후에도 계속 실행되어 리소스 누수나 예상치 못한 버그를 유발할 수 있습니다. ⚠️
- 클린업 함수는 이러한 불필요한 동작(예: 타이머 종료, 구독 해제)을 종료시켜 애플리케이션의 안정성과 성능을 유지하는 데 필수적입니다. ♻️
useState와 useEffect는 React 실무에서 가장 많이 사용되는 훅으로, 이들의 개념, 동작 시점, 그리고 차이점을 명확히 이해하는 것이 중요합니다. ✨
- 컴포넌트의 렌더링 주기와 훅의 동작 시점을 정확히 파악하여 효율적인 개발을 할 수 있어야 합니다. 🔄