useeffect 에 대해 질문이 있어요 - 2

function Detail(){ 
let [num, setNum] = useState('') useEffect(()=>{ 
if (isNaN(num) == true){ 
alert('그러지마세요') } }, [num]) 
return ( <input onChange={ (e) => { setNum(e.target.value) } } /> ) }


--> 이런 순서로 진행되는거 맞나요?
1) Component mount되고 useEffect안에 있는 함수 실행
2) num은 현재 undefined이라서 alert는 안뜸
3) 그리고 나서 component unmount
4) cleanup function 실행
5) 그리고 나서 input 값이 변하면 useEffect안에 있는 함수 재실행