NextJS

이번 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