useEffect의 생명주기

클래스형 컴포넌트에서

1. componentDidMount
2. componentDidUpdate
3. componentWillUnmaout

가 제공해주는 생명주기 기능을

함수형 컴포넌트에서는 useEffect Hook 하나로 구현할 수 있다.

// 컴포넌트가 화면에 가장 처음 렌더링됐을 때에만 실행하고 싶을 때
useEffect(() => {
// ex 1.데이터 조회하기
// ex 2.자동로그인 판별
},[]); // 옆의 배열을 useEffect의 dependency array라고 부름

// 특정 값이 업데이트될 때마다 실행하고 싶을 때
useEffect(() => {
	if(email && password) {
		setFlag(true);
		return;
	}
	setFlag(false);
},[email, password]);

// 컴포넌트가 사라지기 직전에 특정 코드를 실행하고 싶을 때
useEffect(() => {
	return () => {
		
	};
},[]);