React useEffect 완벽 가이드
React useEffect 훅을 사용하여 컴포넌트가 렌더링된 후 side effect를 관리하는 방법을 알아봅니다. 의존성 배열을 활용한 최적화, cleanup 함수를 통한 메모리 누수 방지 등 useEffect를 완벽하게 사용하는 방법을 살펴봅니다.왜 useEffect가 필요할까요?React 컴포넌트는 기본적으로 UI를 렌더링하는 역할을 합니다. 하지만 때로는 컴포넌트가 렌더링된 후에 특정 작업을 수행해야 할 때가 있습니다. 이러한 작업을 "side effect"라고 부르는데요. 예를 들어, API를 호출해서 데이터를 가져오거나, DOM을 직접 조작하거나, 타이머를 설정하는 것들이 side effect에 해당합니다.① 문제 상황: 컴포넌트 렌더링 후 데이터 가져오기만약 컴포넌트가 렌더링될 때 API를..