Nextjs useEffect

 

첫 작동시기

클라이언트의 webbrowser등에 진입한 후 호출 된다.

그러므로 window, document 등의 전역 개체에 접근 가능하다.

UseEffect Ex1

 

반복 작동시기

useState로 만들어진 값들이 변경 등으로 page class가 갱신 되는 경우가 발생한다.

이 때 useEffect를 사용하여 갱신 안 되게 할 수 있다. useEffect에 지정된 값이 변경되지 않으면 갱신 안 된다. 그러나 지정된 값이 없거나, Router.reload()에 의한 갱신은 갱신이 발생 한다.

'UseEffect Ex2'에서 AppRouter와 AppState의 예제 구분.

 

기타

UseEffect Ex3;