Effect 외부 연결 수명 주기

의존성이 바뀌면 React는 이전 값으로 만든 연결을 먼저 정리하고, 새 값으로 다시 설정합니다. 제거될 때는 마지막 연결을 한 번 더 정리합니다.

1

setup(A)

A 값으로 외부 시스템 연결

2

cleanup(A)

이전 props·state의 연결 해제

3

setup(B)

새 값으로 연결을 다시 생성

4

cleanup(B)

DOM에서 제거된 뒤 마지막 해제

Timer

setup

setInterval · clearInterval

핵심Effect 외부 연결 수명 주기은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.