끝까지 가면 다 이겨

[Nuxt & Vue] Nuxt3

Nuxt3을 사용하여 프론트를 개발하기 위해 Nuxt3에 대해 알아보았다. Nuxt3 - Nuxt.js의 최신 버전으로, Vue 3을 기반으로 많은 새로운 기능과 개선 사항을 포함한 프레임워크 Nuxt3 핵심 특징 - Vue3을 지원 (Composition API, Teleport, Fragments 등 새로운 기능 포함) - SSR & SSG - Webpack 대신 Vite를 사용한 개발 환경 제공 - 서버 엔진으로 Nitro를 사용 Nuxt3 설치 - Nuxt 공식 문서를 보고 Nuxt 프로젝트를 만들어보자 - v18.0.0 이상의 Node.js를 필요로 함 - 나는 패키지 매니저로 npm을 사용 # node.js 버전 확인 $ node -v # nuxt 프로젝트 생성 $ npx nuxi@latest..

[Nuxt & Vue] Nuxt.js란?

현재 진행 중인 토이 프로젝트에 프론트를 구현하려고 한다. 쉬운 러닝커브로 유명하고 레퍼런스가 많은 Vue.js를 선택했고, 쉽게 개발할 수 있게 도와주는 Nuxt.js를 사용할 것이다. 사용하기전에 간단하게 Nuxt와 Vue가 뭔지 알아보았다. Nuxt.js - Nuxt.js는 Vue.js 개발을 보다 쉽게 개발할 수 있도록 도와주는 오픈소스 프레임워크 - Vue.js의 SSR (Server Side Rendering) 애플리케이션을 위한 프레임워크 - Vue.js의 설정들이 자동화 되어 초기 프로젝트 설정 비용을 감소할 수 있다. Vue.js - SPA (Single Page Application) 방식의 웹 애플리케이션을 구축하기 위한 프론트엔드 프레임워크 - MVVM 패턴의 ViewModel 레..