react next.js (1) 썸네일형 리스트형 [#. React] React에서 Next.js를 써야 하는 이유, yarn/create-next-app으로 Next.js 시작하기 1 React 프로젝트는 CRA를 사용해 왔다 기본적으로 SPA(Single Page Application)로 CSR(Client Side Rendering) 방식인데, 사이트 규모가 커지게 되면 초기에 로딩 하게 되는 JS 파일의 크기가 늘어나 초기 로딩 시간이 늘어난다는 단점이 있다구글과 같은 크롤링 봇은 JS가 실행된 이후의 결과 값을 크롤링 하지만 모든 검색엔진의 크롤링 봇이 JS 스크립트를 지원하지 않기 때문에 SEO(검색 엔진 최적화) 관련 문제도 발생한다 그에 비해 SSR은 서버에서 렌더링을 끝나고 완성된 HTML 문서를 전송하기 때문에 SEO 최적화에는 도움이 된다 Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크다 .. 이전 1 다음