useEffect에 대해 질문있습니다.

useEffect는 React Hook 중 하나로서, React 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있게 하는 기능입니다. 주로 네트워크 요청, 인풋값 검사, 스크롤 이벤트 처리 등의 작업에 활용됩니다. useEffect의 동작은 두 개 부분으로 구분 가능합니다: Side effect와 Clean up. 1. Side effect: 이는 렌더링 후 실행되는 함수를 말합니다. 예를 들어 데이터 로딩, 구독 설정, 수동 변경 DOM 등등. useEffect 내부에서 정의한 함수가 바로 이 부분인데요, 이 함수는 첫번째 렌더링과 이후의 모든 업데이트에서 호출됩니다 2. Clean up: 위 사이드 이펙트가 발생한 후 정리(clean-up)를 해야 할경우 사용합니다. 예를 들면 구독 해제처럼 별도의 작업이 필요한 경우에 활용됩니다. 위에서 정의한 함수에서 반환(return)하는 함수가 바로 Clean up 함수입니다. 그리고 useEffect의 마지막에 보시는 [], 즉 종속성 배열(dependency array) 관련해서 설명드리겠습니다. 이 배열 안에 특정 값을 넣게 되면 그 값이 변할 때만 useEffect 안에 정의된 side effect(함수)가 실행됩니다. 반대로 아무 값도 넣지 않으면 컴포넌트가 처음 렌더링 될 때 한번만 실행되고, 그 이후에는 실행되지 않게 됩니다. 예를 들어, [props.value]와 같이 배열 안에 값을 넣게 되면 prop.value가 변경될 때 마다 함수가 실행되게 됩니다. 그래서 자주 사용하는 패턴이 [ ]를 넣어주는건데요, 컴포넌트가 처음 마운트 될 때만 함수를 실행하고 싶을 경우 활용합니다. useEffect의 사용 방식을 알면, 리액트에서 데이터 요청 및 처리 등 비동기 작업을 언제 하면 좋은지, 이벤트 핸들러나 타이머 등을 언제 clean-up 해야 하는지 등에 대해 이해하게 도움이 됩니다.