useEffect가 호출되는 시점

컴포넌트가 마운트, 업데이트, 언마운트되는 시점에 호출

컴포넌트가 마운트될 때, 즉 처음 렌더링되고 나서 호출됨
이때 데이터 초기화나 외부 API 호출, 구독 설정 등의 작업을 실행할 수 있음
useEffect는 컴포넌트가 처음 마운트될 때 필요한 초기 작업을 수행할 수 있도록 해줌

또 의존성 배열에 지정된 값이 변경될 때 다시 호출
두 번째 인자로 주어지는 의존성 배열은 useEffect가 어떤 상태나 props의 변화에 반응할지를 결정
즉, 특정 상태나 props가 변경될 때마다 필요한 동작을 수행하도록 할 수 있으며, 컴포넌트의 변화에 따라 동적으로 실행되는 로직을 설정

마지막으로, 컴포넌트가 언마운트될 때 useEffect의 return 값으로 지정된 클린업 함수가 호출
이 정리 함수는 이벤트 리스너 제거, 타이머 해제, 구독 취소 등의 작업을 수행하여 컴포넌트가 사라질 때 필요한 정리 작업을 처리할 수 있음
이를 통해 컴포넌트에서 발생한 부수효과를 정리하는 작업을 수행