Next.js_프로젝트

Frontend

Next.js_프로젝트_생성.

하루이2222 2024. 7. 8. 16:26

Next.js 14.2.3 버전과 타입스크립트를 사용하여 프로젝트를 생성하는 방법을 설명.

Next.js 14.2.3 버전과 타입스크립트 프로젝트 생성:
```
npx create-next-app@14.2.3 my-nextjs-app --typescript
```
여기서 my-nextjs-app은 프로젝트의 디렉토리 이름임. 원하는 이름으로 변경 가능함.
프로젝트 디렉토리로 이동:
```
cd my-nextjs-app
```

TypeScript 설정 확인:
프로젝트가 타입스크립트를 사용하도록 설정되어 있으며, tsconfig.json 파일을 확인하여 필요한 설정이 포함되어 있는지 확인함. 기본 설정은 다음과 같음:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

프로젝트 실행:
다음 명령어로 프로젝트를 실행하여 모든 것이 제대로 설정되었는지 확인함:
```
npm run dev
```