누크스.js?

Vue.js는 사용자 인터페이스와 한 페이지 응용 프로그램을 구축하는 데 사용되는 자바스크립트 프레임워크입니다.그러나 복잡한 응용에 필요한 고급 기능이 부족하다.이것은 우리의 Nuxt입니다.제이스 들어왔어.

Nuxt란?js?
Nuxt는 Vue 기반 점진적 프레임워크입니다.js.Vue 라이브러리 (Vue, Vue 공유기, vuex) 와 일부 개발 도구 (웹 패키지, Babel) 를 기반으로 한다.
Nuxt를 사용하면 개발자가 세 가지 유형의 애플리케이션을 만들 수 있습니다.

정적 생성 페이지

1페이지 신청

서버측 어플리케이션

정적 생성 프로그램은 브라우저에 직접 전달할 수 있는 웹 프로그램입니다.페이지의 내용이 HTML 파일에 이미 포함되어 있습니다.대부분의 사람들은 이것이 평면 파일이나 페이지만 포함한다고 생각한다.그러나 이는 서버의 기술이 아닌 브라우저의 기술을 이용하여 동적 내용을 제공하는 사이트를 가리킨다.따라서 기본적으로 정적 생성된 응용 프로그램은 서버가 변경하지 않는 웹 응용 프로그램이다.
단일 페이지 응용 프로그램 (SPA) 은 서버에서 나온 새로운 데이터를 동적으로 채우는 내용을 포함하는 웹 응용 프로그램이다.페이지의 동적 리셋은 보통 사용자 작업에 대한 응답입니다.새 페이지로 보여도 이 페이지는 다시 불러오지 않고 다른 페이지로 넘어가지 않습니다.그것은 단지 사람에게 일종의 느낌을 줄 뿐이다.
서버측 렌더링 응용 프로그램(SSR)은 브라우저로 보내기 전에 서버에서 완전히 렌더링하는 웹 응용 프로그램입니다.클라이언트가 페이지를 받으면 JavaScript에서 SPA 프레임워크를 관리하고 실행할 수 있습니다.
Nuxt에서 해결된 Vue 문제는 무엇입니까?
Vue가 복잡한 응용 프로그램을 만드는 데 한계가 있기 때문에 Alexandre와 Sebastien Chopin은 Nuxt를 만들었습니다.js.Next.js와 혼동하지 마십시오. 후자는 React 프레임워크입니다.Vue를 사용하고 프레임을 만들었습니다.
Nuxt에서 해결할 수 있는 몇 가지 문제는 다음과 같습니다.

범용 어플리케이션 생성 기능

라우팅 구성

표준 폴더 구조

간이 컴파일

클라이언트와 서버에서 동시에 실행해야 하기 때문에 유니버설 프로그램을 구축하는 것은 매우 어려울 수 있습니다.누크스.js는 클라이언트와 서버 사이에서 구성 요소 속성isServer과 isClient 공유 코드를 사용할 수 있습니다.그것들은 심지어 특수한 구성 요소 속성 no-ssr 을 포함하는데, 이 속성은 정태적으로 응용 프로그램을 나타내기 때문에 서버가 필요하지 않다.
범용 어플리케이션을 구축하면 서버에서 Vue 페이지를 미리 표시할 수 있습니다.이로써 응용 프로그램 SEO가 우호적이기 때문에 검색엔진은 SEO 관련 탭을 추가한 후에 응용 프로그램의 웹 페이지를 발견할 수 있다.또한 서버가 HTML을 미리 보여 주기 때문에 브라우저가 불러오는 속도가 빨라져 사용자에게 더 좋은 체험을 제공할 수 있다.
비록 Vue 응용 프로그램은 자산과 구성 요소 디렉터리를 사용하여 구축되었지만, Nuxt는 코드를 표준화할 수 있는 조직을 위해 추가 폴더를 설정할 것이다.주요 추가 폴더는 페이지, 레이아웃 및 저장 디렉토리입니다.
페이지 폴더에 배치된 Vue 구성 요소는 Nuxt를 사용하여 자동으로 라우트를 생성합니다.Vue 라우터를 구성할 필요가 없습니다.Nuxt가 책임집니다.작은 프로젝트에서는 큰 장점이 아닌 것 같지만 더 큰 응용에서는 그렇다.
누크스.js에는 Webpack과 Babel이 미리 설치되어 있습니다.그것은 응용 프로그램의 구축 과정을 설정했다.JavaScript 컴파일링은 모든 브라우저에서 실행됩니다.

Nuxt 응용 프로그램 만들기
이 프로그램은 npx로 쉽게 만들 수 있습니다.5.2.0 버전부터 npm에 포함됩니다.이것은 npm를 직접 사용할 필요가 없이 다른 로컬 설치 도구를 사용하는 데 도움이 된다.그것은 Nuxt의 비계 도구create-nuxt-app와 같은 코드 생성기를 실행하기에 매우 적합하다.

$ npx create-nuxt-app hello-nuxt-app

이 도구는 개발자에게 프로그램 설정을 돕는 몇 가지 옵션을 제공합니다.

결론
Nuxt는 모든 새로운 기능을 통해 Vue를 개발했습니다.js 응용 프로그램이 더 간단합니다.응용 프로그램 개발에 필요한 유연성도 제공했다.시작할 때는 npx create-nuxt-app만 입력하면 됩니다.