[javascript] Nuxt.js란 무엇인가?


가이드 : https://ko.nuxtjs.org/guide


GitHub : https://github.com/nuxt/nuxtjs.org


Nuxt.js란 무엇인가?

Nuxt.js는 범용 Vue.js 애플리케이션을 만들기 위한 프레임워크로, 주요 범위는 클라이언트/서버 배포를 추상화하면서 UI 렌더링 을 하는 것입니다.

우리의 목표는 Nuxt.js를 기반 프로젝트로 하거나 Node.js 기반의 프로젝트에 추가해서 사용할 수 있도록 충분히 유연한 프레임워크를 만드는 것입니다.

Nuxt.js는 더 즐거운 서버 사이드 렌더링 Vue.js 애플리케이션 개발을 위해 필요한 모든 설정들이 미리 준비되어 있습니다.

또한 우리는 nuxt generate 라고 부르는 배포 옵션을 제공하며, 이는 Vue.js 애플리케이션을 정적으로 생성 하는 옵션입니다. 이 옵션이 마이크로 서비스를 지향하는 웹 애플리케이션 개발의 다음 단계가 될 수 있다고 생각합니다.

Nuxt.js 프레임워크는 비동기 데이터, 미들웨어, 레이아웃 등과 같이 클라이언트 측과 서버 측 사이에서 개발하는데 도움되는 많은 기능을 제공합니다.

어떻게 동작합니까?

Vue with Webpack and Babel

Nuxt.js는 훌륭한 웹 애플리케이션을 만들기 위해 아래의 기능들을 포함합니다:

총 용량은 28kb min+gzip 밖에 되지 않습니다. (vuex를 포함하면 31kb입니다.)

vue-loader와 babel-loader와 함께 Webpack을 사용해서 코드를 묶고, 분할하며, 압축합니다.

특징

  • Vue 파일 작성
  • 코드 분할 자동화
  • 서버 사이드 렌더링
  • 비동기 데이터 기반의 강력한 라우팅 시스템
  • 정적 파일 전송
  • ES6/ES7 지원
  • JS & CSS 코드 번들링 및 압축
  • HTML head 태그 관리
  • 개발 단계에서 핫 리로딩 사용하기
  • 전 처리기 지원: SASS, LESS, Stylus 등

구조

아래의 구조는 <nuxt-link>를 서버가 호출하거나 이를 통해 사용자가 이동한 경우, nuxt.js가 어떻게 동작하는지를 보여줍니다:

nuxt-schema




...

저작자 표시
신고
Posted by 홍반장水 홍반장水

Redbeard: Boilerplate-free native app development

 

Redbeard makes it faster and easier to create native apps without a boilerplate. It’s a complete framework with tons of components.

redbeard

 

 

 

 

 

 

 

저작자 표시
신고
Posted by 홍반장水 홍반장水

DerbyJS: A full-stack framework for modern web apps

 

DerbyJS is a full-stack framework built for creating modern web applications. It’s composed of several standard node.js modules so you can mix and match your own code, community modules, and DerbyJS functions.

derbyjs

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

저작자 표시
신고
Posted by 홍반장水 홍반장水

React Storybook: Develop UI components outside your app

 

React Storybook lets you develop React UI components without running your app. Just load your UI components into React Storybook and start working on them.

react storybook

 

 

 

.

저작자 표시
신고
Posted by 홍반장水 홍반장水

Hugo: A modern static website engine

 

Hugo is a fast, modern static website engine. It’s flexible, open source, and completely free.

hugo

 

 

 

.

저작자 표시
신고
Posted by 홍반장水 홍반장水

A-Frame: A framework for the virtual reality web

 

A-Frame

For the core library, check out A-Frame Core.

Building blocks for the VR Web.

  • Virtual Reality: Drop in the library and have a WebVR scene within a few lines of markup.
  • Based on the DOM: Manipulate with JavaScript, use with your favorite libraries and frameworks.
  • Entity-Component System: Use the entity-component system for better composability and flexibility.

Find out more:

 

 

A-Frame is a framework for building things for the virtual reality web. You can use markup to create VR experiences that work across desktop, iPhones, and the Oculus Rift.

a-frame

 

 

 

 

 

.

저작자 표시
신고
Posted by 홍반장水 홍반장水

DEEP Framework: A serverless web framework

DEEP is a serverless web framework that enables developers to build cloud-native applications. It uses a microservices approach for a completely serverless approach.

deep framework


















.

저작자 표시
신고

'Extreming X > App_language' 카테고리의 다른 글

[APP] Parse  (0) 2016.04.07
이유 있는 선택 Go 언어  (0) 2016.03.04
[Framework] DEEP Framework: A serverless web framework  (0) 2015.11.18
[Machine Learning] PredictionIO - https://prediction.io/  (0) 2015.11.11
node.js - 윈도우 설치하기  (0) 2015.11.03
kuryr  (0) 2015.10.29
Posted by 홍반장水 홍반장水

Reveal.js: Easy HTML presentations

 

 

프레젠테이션,PPT, HTML

 

Reveal.js is a framework for creating HTML presentations with CSS 3D transforms to transition between slides. It even has support for sub-slides that can be accessed from within individual slides.

reveal.js

 

 

 

 

 

 

 

저작자 표시
신고
Posted by 홍반장水 홍반장水

Schema: A modular front-end framework

 

Schema is a modular front-end framework that helps you more quickly build complex web interfaces. It’s fully responsive with a 12-column grid, uses Less CSS, and works for everything from prototypes to production websites.

schema

 

 

 

 

 

 

 

 

 

 

 

 

저작자 표시
신고
Posted by 홍반장水 홍반장水

Cylon.js: A next generation robotics framework

Framework - Javascript / Added on October 19, 2014 / Add to favorites

Cylon.js is a next generation robotics framework that’s compatible with 27 different platforms. It makes it incredibly easy and fun to command robots using JavaScript.

cylon.js

JavaScript robotics framework using Node.js 

 

 

 

 

 

 

저작자 표시
신고
Posted by 홍반장水 홍반장水