[NEXT] NEXT.JS 프레임워크

NEXT.JS 프레임워크를 사용하면 파일 기반 라우팅을 통해 쉽게 페이지간 이동이 가능하며 SSG(Static Site Generation), ISR(Incremental Static Regeration), SSR(Server Side Rendering), CSR(Client Side Rendering) 등을 이용한 데이터 처리 및 페이지 제공이 가능합니다.

하나의 자바스크립트 파일 내에서 클라이언트에서 작동하는 로직과 서버에서 작동하는 로직을 함께 작성할 수 있으며, 렌더링 방식에 따른 단점을 보완하고 장점만을 선택해 브라우저 화면에 렌더링할 수 있습니다.

우선 이번 포스팅에서는 설치 방법과 실행하는 방법을 정리하겠습니다.

설치

다음 명령어로 NEXT.JS 프로젝젝트를 생성할 수 있습니다.

npx create-next-app "프로젝트명"

NEXT.JS 실행 하기

nextjs 와 예제 코드를 다운로드 한 다음 먼저 다음 명령어로 프로젝트에 이동할 수 있습니다.

프로젝트에 이동 한 후 다음 명령어로 실행하면 http://localhost:3000 에서 실행된 서버의 페이지를 확인 할 수 있습니다.

npm run dev

그리고 다음과 같은 페이지를 확인할 수 있다면 서버가 정상적으로 작동한 것 입니다.