useEffect
useEffect는 React 라이브러리에서 제공하는 훅(Hook) 중 하나입니다. 이 훅은 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있습니다.
useEffect는 컴포넌트의 생명 주기 메서드 중 componentDidMount, componentDidUpdate, componentWillUnmount와 유사한 역할을 합니다. 컴포넌트가 마운트되거나 업데이트되거나 언마운트될 때 실행되는 함수를 정의할 수 있습니다.
useEffect는 두 개의 인자를 받습니다. 첫 번째 인자로는 실행할 함수를 전달하며, 두 번째 인자로는 의존성 배열(deps array)을 전달할 수 있습니다. 의존성 배열은 useEffect가 실행되는 조건을 제어하는 역할을 합니다.
useEffect 내부에서 처리하는 작업은 주로 데이터 가져오기, 구독(subscription) 설정, 이벤트 핸들러 등의 비동기 작업이 포함됩니다. useEffect는 렌더링 결과가 화면에 반영된 후에 비동기 작업을 처리하기 때문에 사용자 경험을 향상시키는 데 유용합니다.
또한, useEffect는 반환값으로 클린업(cleanup) 함수를 제공합니다. 이 함수는 컴포넌트가 언마운트되거나 업데이트되기 직전에 실행되어 리소스 해제 등의 정리 작업을 수행할 수 있습니다.
요약하자면, useEffect는 React 컴포넌트에서 비동기 작업이나 부수 효과를 처리하기 위해 사용되는 훅입니다. 컴포넌트의 생명 주기와 관련된 작업을 useEffect 내부에서 처리할 수 있습니다.
