useEffect

useEffect란? : 리액트 컴포넌트가 렌더링 될때마다 특정 작업(side Effect)를 실행할 수 있도록 하는 리액트 HOOKS 이다. 검사하는 로직
또한 구조중에서 제일 마지막에있는 빈배열은 의존성 배열 이라한다.

*side Effect: 비동기로 처리되어야 하는 부수적인 효과

 useEffect(() => {
    console.log("수정되고 다시그려짐!!!");
  }, [count]);

즉 1. [ ] 할때마다 (단, 공백이면 1회)
2. ()=> {} 실행해!

예제
ex) useEffect(() => { if (load || isToken === "") { if (!data?.fetchUserLoggedIn.name) { alert("로그인 이후 이용해주세요."); router.push("/22-01-login"); } } }, [load]);

1. [load] 할때 마다 load 혹은 isToken이 없거나

2. fecthUser에서 불러온 이름 이 없다 으면

3. 경고문구 와 함께 뒤에 주소창으로 강제로보내

   Effects icons created by Freepik - Flaticon

   reference: https://velog.io/@alsqjarlwkd/useEffect