COMPONENT LIFECYCLE
컴포넌트는 나타나고, 갱신되고, 사라진다
함수형 컴포넌트에서는 useEffect와 의존성 배열로 마운트, 업데이트,
언마운트 시점의 부수 효과를 제어합니다.
useEffect(() => {
start();
return () => cleanup();
}, [deps]);
start();
return () => cleanup();
}, [deps]);
Mount처음 DOM에 삽입됩니다. 초기 데이터 로딩과 구독 설정이 자주
일어납니다.
Updateprops나 state가 바뀌어 다시 렌더링됩니다. deps 변화가 effect
재실행 기준입니다.
Unmount화면에서 제거됩니다. 타이머, 구독, 이벤트 리스너를 정리해야
합니다.
effect cleanup 원칙: effect 안에서 외부와 연결했다면
cleanup에서 반드시 연결을 끊는다고 생각하면 안정적입니다.