경제적 자유로 가는 여정

Context 개체는 asyncData , 플러그인 , 미들웨어 및 nuxtServerInit와 같은 특정 Nuxt 기능에서 사용할 수 있습니다. Context는 애플리케이션에게 현재 요청에 대한 추가 정보와 선택적 정보를 종종 제공합니다. 무엇보다도 Context는 Nuxt 애플리케이션의 다른 부분에 대한 액세스를 제공하는데 사용됩니다. (예: Vuex 저장소 또는 기본 연결 인스턴스) 따라서 항상 사용이 가능한 저장소와 서버에서 사용 가능한 Context에 req 및 res 개체를 가지고 있습니다. 그러나 시간이 지남에 따라, Context는 다른 많은 유용한 변수와 shotcuts로 확장되었습니다. 이제 개발 모드에서는 HMR(Hot Module Reload/Replacement) 기능, 현재 라우..

뷰 섹션에서는 Nuxt 애플리케이션의 특정 경로에 대한 데이터 및 뷰를 구성하기 위해 알아야 할 모든 것을 설명합니다. 뷰는 앱 템플릿, 레이아웃 및 실제 페이지로 구성됩니다. Pages 모든 Page 컴포넌트는 Vue 컴포넌트이지만 Nuxt는 응용 프로그램을 최대한 쉽게 개발할 수 있도록 특수 속성과 기능을 추가합니다. Hello World Properties of a page component 위의 예에 있는 head 속성과 같은 페이지 컴포넌트의 속성이 많이 있습니다. 페이지에서 사용할 수 있는 모든 속성에 대해 자세히 알아보려면 디렉터리 구조 부분에서 설명하겠습니다. Layouts 레이아웃은 Nuxt 앱의 모양과 느낌을 변경하려는 경우에 큰 도움이 됩니다. 예를 들어 사이드바를 포함하거나 모바일이..

Nuxt를 설치하면 기본적인 디렉토리 구조를 제공하고 있습니다. 이렇게 생성된 애플리케이션 구조는 크고 작은 애플리케이션을 만들 때 개발자에게 디렉토리 관리를 위한 좋은 시작점을 제공합니다. 저도 항상 개발 초기 세팅할 때, 디렉토리 구조에 많은 시간이 걸리곤 하는데... 이러한 기능이 저의 스트레스 감소에 큰 도움을 줍니다. 기본으로 생성해주는 디렉토리 외에 자동으로 빌드할 때 사용하는 몇몇 기본 디렉토리와 파일은 다음과 같은 명령어로 생성할 수 있습니다. 이러한 이름으로 디렉토리를 생성하면 Nuxt 프로젝트에서 기능을 사용할 수 있습니다. mkdir components assets static touch nuxt.config.js 디렉토리 구조는 아래 그림과 같다. 다음 글에서는 각각 디렉토리에 대해..