프로젝트 생성 » 이력 » 버전 2
이태훈, 2025/03/16 07:37
| 1 | 1 | 이태훈 | h1. 프로젝트 생성 |
|---|---|---|---|
| 2 | |||
| 3 | h3. 1. Node.js 설치 |
||
| 4 | |||
| 5 | URL : https://nodejs.org/ko |
||
| 6 | |||
| 7 | !clipboard-202503161621-hrna5.png! |
||
| 8 | |||
| 9 | h3. 2. Next.js 프로젝트 생성 |
||
| 10 | |||
| 11 | [명령어] |
||
| 12 | |||
| 13 | <pre> |
||
| 14 | -- 기본생성 |
||
| 15 | npx create-next-app@latest 프로젝트명 |
||
| 16 | |||
| 17 | -- 타입스크립트 사용 생성 |
||
| 18 | npx create-next-app@latest --typescript 프로젝트명 |
||
| 19 | </pre> |
||
| 20 | |||
| 21 | %{color:red}※ 2025/03/16일 기준 Next.js 15.2.2 | React.js 19.0.0 버전 설치% |
||
| 22 | 2 | 이태훈 | |
| 23 | h3. 3. Next.js 프로젝트 실행 포트 변경 |
||
| 24 | |||
| 25 | [설정 파일 경로] |
||
| 26 | |||
| 27 | <pre> |
||
| 28 | /package.json |
||
| 29 | </pre> |
||
| 30 | |||
| 31 | [설정 변경 위치] |
||
| 32 | |||
| 33 | <pre> |
||
| 34 | "name": 프로젝트명, |
||
| 35 | "version": "0.1.0", |
||
| 36 | "private": true, |
||
| 37 | "scripts": { |
||
| 38 | "dev": "next dev --turbopack", |
||
| 39 | "build": "next build", |
||
| 40 | "start": "next start", |
||
| 41 | "lint": "next lint" |
||
| 42 | } |
||
| 43 | </pre> |
||
| 44 | |||
| 45 | "dev": "next dev --turbopack", => "dev": "next dev -p 포트번호 --turbopack",로 변경 |