useEffect의 실행 순서에 대하여...

<회고록>

오늘은 useEffect의 실행 순서에 대해서 알아볼려고 한다.

 

1. useEffect의 실행 순서에 대해서

 

useEffect의 실행 순서는 리엑트의 생명 주기와도 관련이 깊다. 여기서 생명 주기는 크게 3가지로 나눌 수 있다.

 (1) 마운트가 될 시에 

useEffect는 무조건 마운트가 될 시에 콜백함수를 실행시킨다. useEffect에는 의존성 배열이 있는데 이때 의존성 배열에 값을 넣지 않는 경우 useEffect를 마운트가 될 시에"만" 실행시킨다.

 (2) 업데이트가 될 시에

useEffect는 마운트가 될 시에 한번 실행하고 업데이트가 될 시에도 콜백함수를 실행시킬 수 있다. 이때 실행시키는 방법은 useEffect에 의존성 배열에 값을 넣는 경우에 useEffect를 해당 값이 업데이트가 될때마다 콜백함수를 실행시킬 수 있다.

 (3) 언 마운트가 될 시에

useEffect는 마운트가 될 시에 한번 실행하고 언마운트가 될 시에도 콜백함수를 실행시킬 수 있다. 일때 실행시키는 방법은 useEffect에는 클린 업 함수가 존재하는데 이때 클린 업 함수에 들어간 내용들은 언마운트가 진행될 시에 실행시킬 수 있다.