TIL/기록

[TIL] useEffect의 실행 순서

developeryeon 2024. 3. 30. 01:03
  • React 컴포넌트는 먼저 랜더링되며, 이 과정에서 JSX 코드가 반환되고 DOM에 반영됩니다. 이것이 기본적인 랜더링 과정이죠.
  • useEffect 실행: 컴포넌트 렌더링이 완료 된 후 useEffect 내부의 함수가 실행된다. 이 함수는 비동기적으로 실행될 수 있기 때문에 비동기 작업을 수행하는데 유용하다.  dependency array의 값이 변경될 때마다 useEffect가 실행된다.
  •  clear : 컴포넌트가 unMount 될 때 실행되는 함수로 사이드 이펙트를 정리하는데 사용된다.