Effect 정리 함수

Effect 정리 함수는 Effect가 연결, 타이머, 이벤트 감시처럼 시작한 외부 동기화를 멈추는 방법을 React에 알려준다. useEffect에 전달한 설정 함수가 다른 함수를 반환하면 그 반환 함수가 정리 함수다.

의존성이 바뀌어 다시 동기화해야 할 때 React는 이전 Render가 만든 정리 함수를 먼저 실행하고, 새 Render의 값으로 Effect 설정을 실행한다. 컴포넌트가 화면에서 제거될 때는 마지막 정리 함수를 실행한다.

정리는 모든 Effect에 억지로 넣는 형식이 아니다. Effect가 외부에 남긴 것이 있다면 그 외부 API의 계약에 맞는 반대 동작을 제공한다. 연결에는 해제, 구독에는 구독 취소, 타이머에는 타이머 취소가 대응한다.