Next js 수박 겉핥기식 공부시작 및 설치

노마드코더님의 강의로 공부를 시작했습니다.

전체적인 next js의 원리와 사용법을 익힌후 심화해서 공부할 계획입니다.

next js 설치

설치하고 싶은 폴더에서 터미널 또는 cmd 창을 열어 다음 명령어를 입력해줍니다.

뒤에 --typescript를 붙이면 타입스크립트 프로젝트로 설치할 수 있습니다.

// 1. 최신 버전 설치
npx create-next-app@latest
// 타입스크립트와 함께 설치시
npx create-next-app@latest --typescript

// 2. 프로젝트 이름 설정
What is your project named? 내 프로젝트 이름입력

 

next js 실행

성공적으로 설치가 되면 위와같이 해당경로의 폴더를 코드 에디터를 통해서 열어주고

package.json의 scripts를 살펴보면 next js를 실행할 수 있는 명령어들을 확인해봅니다.

그리고 cmd 또는 터미널을 켜서 다음과 같이 입력해서 실행시킵니다.

npm run dev

 

 

next js 설치 및 실행 완료

실행이 완료되면 브라우저에서 실행된 로컬 서버주소를 입력해 화면에 띄워주면 다음과 같은 화면이 나옵니다.