Mount - 화면에 첫 랜더링
Update - 다시 렌더링
Unmount - 화면에서 사라질때
1. useEffect( () => { //랜더링 될때마다 실행
// 작업...
});
2. useEffect( () => { // 화면에 첫 랜더링될때 실행 value 값이 바뀔때 실행 / 만약 [] 처럼 빈배열이면 화면에 첫 랜더링 될때만 실행됩니다.
// 작업...
}, [value]); < - 여기서 value 는 디펜던시 어레이를 뜻합니다.
3. Clean Up - 정리
useEffect( () => {
// 구독...
return () => {
//구독 해지..
}
}, [ ] );
또한, 간단히 말해서 useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook입니다.