React Effect

React Effect는 컴포넌트가 화면에 반영된 뒤 네트워크 연결, 브라우저 API, React로 만들지 않은 위젯처럼 React가 직접 관리하지 않는 시스템을 현재 props와 상태에 맞춘다. 함수 컴포넌트에서 useEffect로 선언한다.

렌더링 계산이나 특정 버튼 클릭 때문에 실행할 작업을 모두 Effect에 넣는 것은 아니다. props와 상태만으로 구할 수 있는 값은 렌더링 중 계산하고, 특정 사용자 행동이 원인인 작업은 그 사건 처리 함수에서 실행한다. 특정 사용자 사건과 무관하게 현재 화면에 반영된 상태 때문에 외부 연결을 유지하거나 맞춰야 할 때 Effect를 사용한다.

일반적인 부수 효과는 반환값 계산 밖에서 관찰 가능한 변화를 뜻하는 더 넓은 용어다. React Effect는 그중에서도 렌더링 때문에 필요한 외부 동기화를 가리키는 React 전용 용어다.