특정 변수, 상태 등이 변경될 때를 감지하여 명시된 로직을 트리거하는 훅

첫 번째 인자로 실행 함수,

두 번째 인자로 의존성 배열(감시 대상)을 입력받음

의존성 배열이 비어 있다면 컴포넌트가 마운트될 때 최초 1회만 실행되며

그렇지 않으면, 대신 해당 배열의 값들이 변할 때마다 실행됨

사용 예시

const [count, setCount] = useState(0);

useEffect(() => {
	console.log(`count: ${count}`);
}, [count]);

count 상태가 변할 때마다 훅에 전달된 화살표 함수인 콘솔 출력이 실행됨

의존성 배열을 생략할 수도 있음

useEffect(() => {
  console.log('매번 실행됨');
});

이러면 컴포넌트가 렌더링 될 때마다 실행됨