useEffect의 실행 순서

useEffect의 실행 순서에 대해 설명해주세요.

기본적으로 useEffect는 마운트(컴포넌트가 생성되고 DOM에 추가되는 단계) 이후에 이루어지고, state변화로 재렌더링 이후, 그리고 언마운트 이전에 이루어진다.

useEffect의 의존성배열은 배열에 지정함으로써 "이 값이 변경될 때, 특정작업을 실행하라"는 의미를 지니며 의존성배열안의 state값이 변경되면 재렌더링이 일어나고 useEffect안에 적은 특정 작업이 다시 수행된다.
재렌더링이 발생한 다음 실행되어 useEffect보다 상태 변경이 먼저 일어나는 것이다.
그리고 의존성배열에 빈배열을 넣으면, 맨처음 마운트시에만 특정작업을 수행한다.

부모 자식 컴포넌트에서 useEffect들의 실행순서는
자식 컴포넌트의 useEffect가 먼저 실행되고 그 다음 부모의 useEffect가 실행되는 순서로
자식 컴포넌트가 먼저 렌더링된다.