useEffect란?
클래스의 componentDidMount/Update/Unmount를 하나로 통합한 훅이다.
useEffect(() => {
const id = subscribe();
return () => unsubscribe(id); // cleanup
}, [deps]);deps 배열
- 없음 — 매 렌더 실행
- [] — 최초 1회만
- [a, b] — a나 b 변경 시
컴포넌트 라이프사이클·부수효과를 다루는 React 훅. 렌더 후 실행.
클래스의 componentDidMount/Update/Unmount를 하나로 통합한 훅이다.
useEffect(() => {
const id = subscribe();
return () => unsubscribe(id); // cleanup
}, [deps]);