NextJS : 클라이언트 렌더링 단계에서 모듈 불러오기

window 객체를 사용하는 자바스크립트 모듈의 경우 nextjs 에서 import 할때 오류가 생긴다.
nextjs 는 서버사이드렌더링(SSR)을 하는데, window 객체는 클라이언트가 있어야 생기는 거라 그런듯.

useEffect 훅을 이용해 클라이언트사이드렌더링(CSR)타이밍에 자바스크립트 모듈을 불러오면 된다.

useEffect(() => {
    const module = require('module-name');
},[])

화면이 처음으로 렌더링될때 useEffect 안에 있는 모듈이 import 된다. window 와 같은 클라이언트 쪽 객체를 사용하는 자바스크립트 모듈도 사용할 수 있게된다.