728x90
특징과 기능에 대한 정리를 마쳤으니 이제 프로젝트를 생성해 보겠다.
[NEXT.JS] #1 특징과 기능
회사에서 진행하는 프로젝트에서 REACT.JS가 선택되었다. NEXT.JS를 통해 FRONTEND 개발을 할 거기 때문에 학습을 해두라고 들었고, 이에 따라 차근차근 학습하기 위해 글을 작성하게 되었다. 참조 https
many.tistory.com
create-next-app
방장은 MAC을 사용하고 있고, 다른 프로젝트들이 있어 node가 여러 버전이 설치되어 있다. 이번에 node 18버전을 설치했고, 해당 버전으로 변경 후 next.js를 설치하였다.
추가 라이브러리는 우선 모두 설치하지 않았다.(No 선택)
npx create-next-app
✔ What is your project named? … nextjs-intro
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like to use `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to customize the default import alias (@/*)? … No / Yes
Creating a new Next.js app in /nextjs-intro.
Using npm.
Initializing project with template: default
Installing dependencies:
- react
- react-dom
- next
added 22 packages, and audited 23 packages in 2s
3 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Initialized a git repository.
Success! Created nextjs-intro at /nextjs-intro
디렉토리에 접속해 npm run dev를 입력하면 영롱한 NEXT JS 페이지를 확인할 수 있다.
'프로그래밍 언어 > NEXT.JS' 카테고리의 다른 글
| [NEXT.JS] #6 _app.js (0) | 2023.11.14 |
|---|---|
| [NEXT.JS] #5 CSS STYLING (2) (0) | 2023.11.13 |
| [NEXT.JS] #4 CSS STYLING (1) (0) | 2023.11.13 |
| [NEXT.JS] #3 pages와 페이지 이동 (0) | 2023.11.13 |
| [NEXT.JS] #1 특징과 기능 (0) | 2023.11.13 |