이번 React 사이드프로젝트에 적용시켜본 Next.js를 하며 느꼈던 차이는 우선 라우팅하는 방식이었다.Next.js는 pages폴더 내부의 폴더or파일명이 자동으로 path가 설정되기 때문에 처음엔 당황하였지만 전에 React프로젝트에서 Routes, Route,
CSR과 SSR의 차이로 인한 에러!Next.js는 client-side 렌더를 하기전에 server-side 렌더를 수행한다.Next.js에서 제공하는 Server Side Rendering(SSR)에선 client-side에 존재하는 window, document
즉 Next.js는 SSR(server-side rendering)방식으로 서버에서 렌더링 시키고 브라우저단 CSR(client-side rendering)에서 렌더링된 것 과 일치하지 않아서 발생하는 에러이다.에러를 해결할 방법으로 React 버전을 17버전으로 다
우유부단 사이드프로젝트에는 React라이브러리와 NextJS 프레임워크를 도입하여 웹서비스를 만들었다.NextJS에서 \_app.js , \_document.js 에 대해 알아보자.위처럼 코드를 만들어 공통컴포넌트를 입히고 page Route를 할 수 있다.NextJS