Server Side Rendering SSR - Next.js 를 사용하면 좋은 것. 개발자 도구를 켜고 메뉴에서 run command를 클릭하면 disable javascript라는 메뉴가 있다. 이걸 누르면 JS가 꺼지게 된다. React는 JS 기술이기 때문에 JS가 동작하지 않으면 웹페이지가 아예 렌더링되지 않는다. 하지만 Next.js로 만든 웹페이지는 리로드 해도 렌더링이 잘 된다. 이것이 어떻게 가능한가? 사용자가 요청하면 next.js가 서버 쪽에서 react를 실행해서 그 응답 결과를 .next에 저장해서 그것을 응답하기 때문이다. Next.js는 JS가 아닌 HTML을 응답한다. 따라서 잘 동작하는 것이고 검색엔진 최적화에 좋다. disable javascript를 실행했다면 다시 e..

Next.js - React 기능을 기반으로 한 Full Stack Web Application Framework Web Application - 웹앱을 만드는 도구라는 의미이다. Framework - 웹앱을 만드는 데 필요한 큰 틀은 Next.js가 이미 만들어뒀고 규칙에 맞게 코드를 작성하면 준수한 웹앱이 만들어진다는 의미이다. Full Stack - 프론트엔드, 백엔드 기능을 모두 가지고 있다. (프론트엔드 - React, 백엔드 - Express.js와 비슷한 형식의 시스템) -> React와 백엔드를 통합하기 위해 복잡하고 부자연스러운 과정 거치지 않아도 된다. SSR Next.js는 기본적으로 SSR을 지원한다. JS 기반의 애플리케이션은 JS로 동작하기 때문에 JS를 다운로드한 후에 브라우저..