front-end 2

[NextJS] Views

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

Dev 2022.04.12

Vue.js 시작하기 전에 준비

'심심해서 vue.js를 한번 다시 공부해볼까?' 이런 생각을 하다가 2년전에 한번 간단하게 보긴 했었는데 다시 또 입질이 와서 심심풀이용으로 사이트 하나 만들어보고자 합니다. 제가 좋아하는 게임인 삼국지 14를 하면서 무장이나 도시 같은 정보를 한눈에 보고 적재적소에 무장을 배치하고 도시를 관리했으면 좋겠다는 요구사항(?)을 수렴하여 한번 정보제공 사이트를 만드는데 써먹어보기로 결정했습니다. 공부를 시작하기 전에 간단히 준비를 해야겠지요? 아래 필요한 것들을 설치해보았습니다. VueCLI Vue.js는 간단하게 진행하기 위해 단일 페이지 애플리케이션을 빠르게 구축할 수 있는 VueCLI(Command Line Interface)를 제공합니다. 어차피 취미생활을 위한 간단한 사이트를 만들거기 때문에 요걸..

Dev 2021.05.12
728x90