1. Nuxt란 무엇일까?
- Nuxt.js는 일반적인 Vue.js 어플리케이션을 만드는 프레임워크이다.
- 주요 범위는 클라이언트/서버 배포를 추상화 하는 동안의 UI rendering 이다.
- 비동기 데이터, 미들웨어, 레이아웃 등과 같은 클라이언트 측과 서버 측 사이에서 개발하는데 도움되는 기능을 제공한다.
2. 특징
- Vue 파일 쓰기 (.vue)
- 코드 분할 자동화
- 서버 사이드 렌더링
- 비동기 데이터 기반의 강력한 라우팅 시스템
- 정적 파일 전송
- ES2015+ 지원
- JS & CSS 코드 번들링 및 압축
- <head> 요소 관리 (<title>, <meta>, 기타.)
- 개발 중 Hot module 대체
- 전 처리기 지원: SASS, LESS, Stylus 등
- HTTP/2 푸시 헤더 준비
- 모듈식 아키텍처 확장
3. 구조
4. 서버 렌더링 (범용 SSR)
프로젝트의 모든 UI렌더링을 처리하는 프레임워크로 Nuxt.js를 사용할 수 있습니다.
nuxt를 시작할때 자동으로 서버 렌더링 하도록 구성된 핫 리로드 및 Vue Server Renderer로 개발 서버를 시작합니다.
5. Single Page Applications (SPA)
어떤 이유로 든 서버 측 렌더링을 사용하지 않거나 애플리케이션에 정적 호스팅이 필요한 경우 nuxt --spa를 사용하여 SPA 모드를 간단하게 사용할 수 있습니다. generate 기능과 함께 Node.js 런타임이나 특수 서버 처리를 사용하지 않고도 강력한 SPA 배포 메커니즘을 제공합니다.
이미 서버가있는 경우 Nuxt.js를 미들웨어로 사용하여 플러그 할 수 있습니다. Nuxt.js를 사용하여 Universal Web Applications을 개발할 때 아무런 제한이 없습니다.
'Web > vue' 카테고리의 다른 글
| [Nuxt3] 구글 애널리틱스(GA) , 구글 태그 매니저(GTM) 세팅 (0) | 2024.03.04 |
|---|---|
| [Nuxt3] 메모리 누수 (feat. nuxt3 버전 이슈) (1) | 2024.02.27 |
| [Nuxt3] 서버 cpu 증가 이슈 (& 메모리 누수) (0) | 2024.02.27 |
| [Vue 시작하기] Vue 의 구성 (1) | 2023.01.16 |
| [Vue 시작하기] 개발 환경 세팅 (0) | 2023.01.16 |
