(React) 쇼핑몰 만들기 - useEffect()

useEffect() 란?

Component 안에서 return() 전에

useEffect(() => {
   실행코드
   return(){
   	실행코드 전에 행할 작업들
   }
  }, []);

useEffect() 의 기본은 해당 Component가 mount 될 때, update 될 때 실행해준다.
mount, update 될 때 렌더링을 마친 후에 안에 있는 코드를 실행해준다.

기본적으로 state가 변경될 때 마다 재렌더링이 되는데 [] 안에 적힌 state가 변경이 될 때에만 실행을 시킨다.
비어있으면 useEffect()는 mount 될 때에만 실행시킨다는 해석이 가능하다.

return(){} 안에는 useEffect()가 동작할 때 제일 먼저 실행하는 코드를 적어주면 된다. 예를 들면 기존 timeout을 제거해준다던지, 기존 데이터요청을 제거해준다던지.. 같은?
그리고 return(){} 안의 내용은 특별하게 unmount 될 때에도 실행이 된다.