[React] useEffect 사용법과 작동방식

useEffect(() => {}, []);

useEffect(() => { 
	console.log("컴포넌트 나타남"); 
    return () => { console.log("컴포넌트 사라짐"); }; 
}, []);

• 컴포넌트 처음 로드 시

 

useEffect(() ⇒ {}, [value]);

useEffect(() => {
    console.log("value 컴포넌트 나타남");
    return () => {
      console.log("value 컴포넌트 사라짐");
    };
  }, [value]);

• 컴포넌트 처음 로드 시

• 컴포넌트 로드 후 title 수정 시