경제적 자유로 가는 여정

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

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

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