처음 마운트된 뒤 한 번만 필요한 초기 작업을 표현할 때 사용합니다.
effect time
useEffect 의존성
DOM 반영 뒤 실행되어야 하는 구독, 타이머, 네트워크 요청 같은 부수 효과를 렌더 로직과 분리합니다.
effect 안에서 읽는 값이 바뀔 때 다시 실행되어야 하면 deps 배열에 넣습니다.
타이머, 이벤트 리스너, 구독처럼 남아 있으면 문제가 되는 작업을 정리합니다.
처음 한 번만 필요한 작업인지 확인한다.
effect 안에서 읽는 외부 값을 빠뜨리지 않는다.
언마운트 전 정리해야 할 연결이 있는지 본다.
매 렌더마다 실행되어도 되는 작업인지 구분한다.