NextJS 프로젝트 생성하기(Create Project)

 안녕하세요. 알렉스 입니다. 이번에는 프런트, 정확히는 리엑트 프레임워크인 NestJS에 대해서 알아보겠습니다. 먼저 NestJS프로젝트를 생성하는 방법에 대해 알아보겠습니다.


공식사이트 : NextJS


공식사이트를 확인하면 필요 요구사항을 확인할수 있습니다.


1. NextJS 프로젝트 생성하기

- 최신 NextJS 프로젝트를 생성한다.

$ npx create-next-app@latest


사진1) nextjs 프로젝트 생성




2. NextJS 프로젝트를 dev모드로 실행하기

- NextJS의 프로젝트를 브라우저로 볼수 있도록 해준다.

$ npm run dev


사진2) 터미널 실행



사진3) 프로젝트 실행후 초기 화면

위와 같이 터미널로 실행을 하면 사진3와 같은 화면이 브라우저로 뜹니다. 포트 초기값은 localhost:3000입니다.






댓글

이 블로그의 인기 게시물

Lesson 12_1 프로퍼티 노드(Property Node)

DAQ로 전압 측정하기-2

Lesson 12_2 참조를 이용한 프로퍼티노드(Property Node)