경제적 자유로 가는 여정

SSR(서버 측 렌더링)은 웹 페이지를 브라우저에서 렌더링 하는 대신에, 서버에 표시하여 기여할 수 있는 응용 프로그램의 기능입니다. 서버 측에서는 완전히 렌더링 된 페이지를 클라이언트에 보냅니다. 클라이언트의 JavaScript 번들이 인계받아 Vue.js 앱이 'hydrate'되도록 합니다. Node.js 서버 필요 웹 페이지를 렌더링하려면 JavaScript 환경이 필요합니다. Vue.js 애플리케이션을 실행하려면 Node.js 서버를 구성해야 합니다. 서버 확장 및 제어 serverMiddleware로 서버를 확장하고 미들웨어로 경로를 제어할 수 있습니다. server-middleware/logger.js export default function (req, res, next) { console...

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

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..

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