Next.js 설치 및 실행 순서 IDE 준비 Node.js 설치 Next.js 프로젝트 설치 아래 4개 중 자신의 상황에 맞는 코드 입력하여 실행한다. 나는 pnpm을 기존에 설치해둬서 pnpm으로 처리했다. npx create-next-app@latest yarn create next-app pnpm create next-app bunx create-next-app 프로젝트 세팅 여기서 중요한 것은 Next.js 13 버전에서 새로 나온 App Router를 Yes로 해주는 것이다. 나머지는 사용 유무에 따라 선택해주면 된다. 나는 마지막 것을 제외하고 모두 Yes 선택. What is your project named? my-app Would you like to use TypeScript? No ..

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를 다운로드한 후에 브라우저..