useEffect는 간단히 React에서 화면이 렌더링 될때 작동되는 코드이다.

useEffect(() => {
	//실행시킬 코드`
},[depth1, depth2]);

useEffect는 아래와 같이 실행시킬 CallBack과 depth Array를 입력할 수 있다.

내부 CallBack 함수는 React가 렌더링 될때 한번 동작하며,

depth 부분에 입력된 변수의 값이 변경될때, useEffect는 재실행된다.

• useEffect는 렌더링보다 늦게 동작한다.

  

  

• 자식 컴포넌트의 useEffect가 먼저 실행된다.