Mount - 화면에 첫 랜더링

Update - 다시 렌더링 

Unmount - 화면에서 사라질때 

 

1. useEffect( () => {              //랜더링 될때마다 실행 

       // 작업...

    });

 

2. useEffect( () => {             // 화면에 첫 랜더링될때 실행 value 값이 바뀔때 실행 / 만약 [] 처럼 빈배열이면 화면에 첫 랜더링 될때만 실행됩니다.

  // 작업... 

}, [value]);  < - 여기서 value 는 디펜던시 어레이를 뜻합니다. 

 

3. Clean Up - 정리 

useEffect( () => {    

     // 구독... 

   return () => { 

    //구독 해지..

    }

}, [ ] );

 

또한, 간단히 말해서 useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook입니다.

+ Recent posts