React에서의 효과

useEffect 훅의 적용을 살펴보기 전에, React에서 효과가 무엇인지 이해할 필요가 있습니다.

효과 또는 부수 효과 (side effects)는 컴포넌트가 외부 시스템과 연결 및 동기화할 수 있게 하는 추가 작업입니다.

외부 시스템이란 React의 통제를 받지 않는 코드나 애플리케이션의 일부분을 의미합니다. 이는 네트워크 작업, 브라우저 DOM, 애니메이션, 서드파티 UI 라이브러리를 사용하여 작성된 위젯, 그리고 React로 만들지 않은 다른 애플리케이션과의 작업을 포함합니다.

효과는 렌더링 후 코드를 실행할 수 있게 하여, React 외부에 있는 그러한 시스템과 컴포넌트를 동기화할 수 있는 가능성을 제공합니다.

효과는 컴포넌트의 첫 렌더링 시, 관찰되는 값이 변경될 때, 또는 컴포넌트의 생명 주기가 끝날 때 실행될 수 있습니다.

효과는 일종의 React의 "비상" 탈출구라는 것을 기억해야 하며, 남용해서는 안 됩니다.