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
'Frontend' 카테고리의 다른 글
네이밍 컨벤션 (0) | 2024.07.08 |
---|---|
Next.js_SSR,CSR,ISR_차이 (0) | 2024.07.08 |
프론트 엔드 프로젝트 구조 (0) | 2024.07.08 |