react ssr (1) 썸네일형 리스트형 Next js - [window is undefined 에러] "window is undefined" 라는 에러를 next js 프레임워크로 마이그레이션 하면서 처음봤다. react에서 서버사이드 렌더링(next js 프레임워크)을 할때에 웹 페이지를 렌더링 할때에 초기에는 window나 document 전역객체는 선언되지 않기 때문에 해당 변수를 참조할수 없기 때문에 벌어진 일이다. 원인 그러면 중요한 키포인트는 해당 변수를 참조하지 않아도 페이지가 '일단은' 구동하기만 하면 이후에 선언되는 window나 document 변수들이 참조되면서 변수가 제대로 구동하게 하면 되지 않나? 그래서 나중에 배포할 때에 웹페이지를 static page로 빌드 하면서 '일단은' 구동하기면 하면 되도록 문제를 일으키는 변수들에 대해서 조건부 렌더링을 걸었다. 해결 문제를 일으킨 .. 이전 1 다음