반응형
Nuxt.js 는 현업에서도 아주 많이 사용하고 있는 프레임워크 중 하나입니다.
Nuxt 란?
Vue를 이용한 풀스택 프레임워크 입니다.
풀스택 웹사트이를 개발 하기 위해서는 단순히 UI 뿐만 아니라,
Data Fetch, SSR, Route 등 많은 것을 신경써야하지만
Nuxt.js 를 사용하면 이 모든 것을 직관적으로 빠르게 개발을 할 수 있습니다.
Nuxt 기능
라우팅
파일 기반 라우팅으로, Vue를 이용하면 Vue-router를 이용하여 매번 동일한 코드를 반복하여 작성해야 하지만,
Nuxt에서는 파일만으로 라우팅 기능을 구현할 수 있습니다.
코드 분할
Nuxt.js 초기 애플리케이션 로딩 시에 자동으로 필요한 코드만 가져오도록 하여 초기 로딩속도 개선 향상에 도움을 줍니다.
SSR
기본적으로 서버가 내장되어있어서, 따로 서버를 구성할 필요가 없습니다.
SSR을 이용하면 초기로딩속도 개선, SEO 개선 등으로 인하여 성능 향상, 사용자 경험 향상에 도움을 줍니다.
Auto Import
Vue 컴포저블 등을 자동으로 import 합니다. 실제 운영 코드에 사용되는 코드만 가져오게 됩니다.
Data-fetch
다양한 전략에 따라서 사용할수 있는 컴포저블 API를 제공합니다. useFetch, useAsyncData, $fetch 등
타입스크립트 지원
nuxt 설정으로 타입스크립트 설정을 할 수 있고, 타입 체크를 할 수 있는 장점이 있습니다.
이러한 다양한 기능들을 Nuxt.js 프레임워크를 사용하는 것으로 모두 사용할 수 있습니다.
복잡한 구성 등 필요없이 쉽고 빠르게 성능이 좋은 웹사이트를 만들 수 있습니다.
728x90
반응형