[Next] Next.js 시작하기 (설치 방법)

Next.js 를 시작하려면 우선적으로 설치되어야 하는 것이 있다.

• Node.js
• VSCode

Node.js 설치하러 가기(LTS 버전 추천)

https://nodejs.org/ko

Node.js

VSCode 설치하러 가기(자신이 쓰는 에디터가 있다면 SKIP!)

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

---

본격적으로 Next.js 시작하기

1. 새로운 폴더 하나를 만들고 그 폴더를 VSCode로 실행한다.

아래는 next-app이라는 폴더를 만들고 VSCode로 실행했을 때 화면이다.

2. 터미널을 열고, 새로 생성한 폴더로 이동한다.

3. 아래와 같은 명령어를 입력한다.

npx create-next-app@latest .

• npx: node로 만들어진 프로그램을 설치없이 바로 실행할 수 있는 기능을 제공한다.(node.js가 설치 되어 있어야 사용 가능!)
• create-next-app@latest: 가장 최신 버전의 next.js를 설치하겠다는 명령어
• .: 현재 폴더에 설치하겠다는 의미(원하는 폴더가 있다면 . 대신에 폴더 명 작성)

이제 설치가 시작된다.

 

4. 자신이 원하는 것이 있다면 입맛대로 설치 진행

5. 실행하기

설치까지 완료가 되었다면 이제 실행하면 된다.

 

실행 명령어
npm run dev

* 이 명령어는 개발 모드에서 Next.js 애플리케이션을 실행해 준다.

 

브라우저를 열고 아래 주소로 접속한다.

http://localhost:3000/

---

접속 성공!