.gitignore 파일은 git이 무시해야 하는 의도적으로 추적되지 않은 파일을 지정합니다. 참고) Git 문서 최소한 다음 항ㅁ고이 포함된 .gitignore 파일을 갖는 것이 좋다. .gitignore # Nuxt dev/build outputs .output .data .nuxt .nitro .cache dist # Node dependencies node_modules # Logs logs *.log # Misc .DS_Store # Local env files .env .env.* !.env.example

.env 파일은 빌드/개발 시간 환경 변수를 지정한다. 이 파일을 .gitignore 파일에 추가해야 비밀 정보가 저장소에 푸시되는 것을 방지할 수 있다. 개발, 빌드 및 생성 시간 Nuxt CLI에는 개발 모드와 nuxi build 및 nuxi generate 실행 시 dotenv 지원이 내장되어 있다. 프로세스 환경 변수 외에도 프로젝트 루트 디렉터리에 .env 파일이 있으면 개발, 빌드 및 생성 시 자동으로 로드된다. 여기에 설정된 모든 환경 변수는 nuxt.config 파일 및 모듈 내에서 액세스할 수 있다. .env MY_ENV_VARIABLE=hello .env 에서 변수를 제거하거나 .env 파일을 완전히 제거해도 이미 설정된 값은 해제되지 않는다. 사용자 정의 파일 다른 파일을 사용하려는 ..

utils/ 디렉토리를 사용하여 애플리케이션 전체에 유틸리티 기능을 자동으로 임포트한다. utils/ 디렉토리의 주요 목적은 Vue 컴포저블과 기타 자동으로 가져온 유틸리티 함수를 의미론적으로 구분하는 것이다. 사용법 방법 1 : 명명된 내보내기(export) 사용 utils/index.ts // utils/index.ts export const { format: formatNumber } = Intl.NumberFormat('en-GB', { notation: 'compact', maximumFractionDigits: 1 }) 방법 2 : 기본 내보내기 사용 utils/random-entry.ts or utils/randomEntry.ts // utils/random-entry.ts or utils/..

server/ 디렉토리는 API 및 서버 핸들러를 애플리케이션에 등록하는 데 사용된다. Nuxt는 이러한 디렉터리 내의 파일을 자동으로 스캔하여 HMR(Hot Module replacement) 지원으로 API 및 서버 핸들러를 등록한다. 디렉토리 구조 -| server/ ---| api/ -----| hello.ts # /api/hello ---| routes/ -----| bonjour.ts # /bonjour ---| middleware/ -----| log.ts # log all requests 각 파일은 defineEventHandler() 또는 eventHandler()(별칭)으로 정의된 기본 함수를 내보내야 한다. 핸들러는 JSON 데이터인 Promise를 직접 반환하거나 event.node..

public/ 디렉토리는 웹사이트의 정적 자산을 제공하는 데 사용된다. public/ 디렉토리에 포함된 파일은 루트에서 제공되며 빌드 프로세스에 의해 수정되지 않는다. 이는 이름을 유지해야 하는 파일(예: robots.txt) 또는 변경되지 않을 가능성이 있는 파일에 적합하다( 예: favicon.ico). 디렉토리 구조 -| public/ ---| favicon.ico ---| og-image.png ---| robots.txt app.vue Nuxt 2 에서는 static/ 디렉토리였다.

Nuxt에는 Vue 애플리케이션 생성 시 Vue 플러그인 등을 사용할 수 있는 플러그인 시스템이 있다. Nuxt는 자동으로 plugins/ 디렉토리의 파일을 읽고 Vue 애플리케이션 생성 시 이를 로드한다. 내부의 모든 플러그인은 자동으로 등록되므로 nuxt.config 에 별도로 추가할 필요가 없다. 파일 이름에.server 또는 .client 접미사를 사용하여 서버 또는 클라이언트 측에서 플러그인을 로드할 수 있다. 등록된 플러그인 디렉터리의 최상위 수준에 있는 파일(또는 하위 디렉터리 내의 인덱스 파일)만 플러그인으로 자동 등록된다. 디렉토리 구조 -| plugins/ ---| foo.ts // scanned ---| bar/ -----| baz.ts // not scanned -----| foz...