경제적 자유로 가는 여정

뷰 섹션에서는 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 디렉토리 구조는 아래 그림과 같다. 다음 글에서는 각각 디렉토리에 대해..

Nuxt.js는 웹 개발을 간단하고 강력하게 만드는 오픈 소스 프레임워크로 Vue.js 애플리케이션을 손쉽게 만들 수 있습니다. Vue.js, Node.js, Webpack 및 Babel.js를 기반으로 하는 무료 오픈 소스 JavaScript 라이브러리입니다. Nuxt는 React.js를 기반으로 하는 프레임워크인 Next.js에서 영감을 받아 진행된 프로젝트입니다. 공식 홈페이지는 https://nuxtjs.org/ 으로 한국어를 지원하지 않고, 영어, 프랑스어, 일본어만 지원합니다. 하지만 다양한 정보들이 있으니 한번 보시는 것을 추천합니다. The Intuitive Vue Framework Build your next Vue.js application with confidence using Nux..