Next.js 반응형

Next.js 에서 window.innerWidth 값 구하다 window is not defined 오류 발생! 서버사이드 렌더링 할때 서버엔 window , document 객체가 없기 때문에 발생하는 오류이다. 그래서 useEffect or componentDidMount 에서 사용해주어야 한다. const Project = () => { const [windowWidth, setWindowWidth] = useState(0) // resize 될때만 함수 불러오기 let timer const resizeWindow = () => { clearTimeout(timer) timer = setTimeout(() => { // 현재 window width 값 setWindowWidth(window.inn..