next.js 공부겸 토이프로젝트 진행중 window is not defined 에러를 맞닥뜨렸다 next.js 는 기본적으로 서버사이드 랜더링이기때문에 window 같은 클라이언트 전역객체는 참조할수가없다 그래서 로컬스토리지같은 기능을 사용할때 서버사이드에선 실행되지않고 클라이언트에서만 실행되게끔 typeof 로 타입체크를 해주는방법이 있다. 그 런 데 ScrollMagic 이라는 라이브러리를 사용하려고 보니 라이브러리 자체에서 window 객체를 사용한다 라이브러리를 import 해올때부터 window is not defined 에러가 나왔다 위의 타입체크 방법과 Dynamic import 를 같이사용해서 해결하였다. 타입체크로 window 객체가 undefined 가 아닐시 즉 클라이언트랜더링일시에..