useEffect

함수형 컴포넌트에서 클래스 컴포넌트에 라이프 사이클을 흉내낼수 있는 것이 useEffect입니다

 

useEffect(() => {
	// some code
    
    // clean-up code
    return 언마운트
}, [의존성]);

 

리렌더링 될때마다 실행

useEffect(() => {
	
});

의존성 배열이 없는 상태임



첫 렌더링될때 실행(mount)

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

의존성 배열에 빈 배열인 상태로 두게되면 현재 컴포넌트가 맨 처음 렌더링될 때만 실행되게된다

 

의존성

의존성 배열에 값을 넣게 되면 해당 값이 변하게 될때마다 해당 useEffect를 실행하게 된다