다음을 통해 공유

Vue.js이 무엇인가요?

Vue는 웹에서 사용자 인터페이스 및 단일 페이지 애플리케이션을 빌드하기 위한 오픈 소스 프런트 엔드 JavaScript 프레임워크입니다. 2014년에 출시되어 Evan과 그의 핵심 팀이 유지 관리하는 Evan You가 만든 Vue는 뷰 계층에만 핵심 라이브러리를 제공하는 선언적 렌더링 및 구성 요소 컴퍼지션에 중점을 둡니다.

라우팅, 상태 관리 및 빌드 도구와 같은 고급 기능을 사용하여 서버 렌더링 Vue 웹앱을 빌드하려면 Nuxt.js살펴보세요.

Vue를 고유하게 만드는 이유는 무엇인가요?

Vue는 model-view-viewmodel 아키텍처를 사용합니다. 에반 유는 이전에 구글의 AngularJS팀에서 일했으며, 더 가벼운 프레임워크를 제공하고자 Angular의 일부를 추출했다. Vue는 여러 면에서 React, Angular, Ember, Knockout 등과 매우 유사합니다. 이러한 다른 JavaScript 프레임워크와 더 자세한 비교는 Vue 문서를 참조하세요.

Vue로 무엇을 할 수 있나요?

  • SPA(단일 페이지 앱) 빌드
  • Vue 구성 요소만 사용하여 앱에 간단한 to-do 목록을 추가하거나 더 복잡한 예제를 찾을
  • 서버 렌더링 웹사이트를 구축하기 위해 Nuxt.js의 도움을 받아 Node.js 백엔드를 사용하세요.

Vue 도구

Vue.js 보기 계층에만 집중되므로 더 복잡한 앱을 만들려면 추가 도구가 필요할 수 있습니다. 다음을 사용하는 것이 좋습니다.

  • 패키지 관리자: Vue의 인기 있는 두 패키지 관리자로는 npm(NodeJS에 포함된)과 yarn이 있습니다. 둘 다 설치할 수 있는 잘 유지 관리된 패키지의 광범위한 라이브러리를 지원합니다.
  • Vue CLI: Babel, PostCSS, TypeScript, ESLint 등에 대한 기본 지원을 통해 신속한 Vue.js 개발을 위한 표준 도구 키트입니다.
  • Nuxt.js: 서버 쪽 렌더링된 Vue.js 앱을 가능하게 하는 프레임워크입니다. 서버 쪽 렌더링은 SEO를 개선하고 사용자 인터페이스의 응답성을 높일 수 있습니다.
  • Vue 확장 팩 for VS 코드: .vue 파일에 구문 강조, 코드 포맷팅 및 코드 스니펫을 추가합니다.
  • Vuetify: Material Design Framework 구성 요소를 제공하는 Vue UI 라이브러리입니다.
  • Vuesion: 실제 사용 가능한 PWA(프로그레시브 웹앱)를 위한 Vue 템플릿입니다.
  • Storybook: Vue 사용자 인터페이스 구성 요소에 대한 개발 및 테스트 환경입니다.
  • Vue 라우터: Vue 구성 요소에 애플리케이션 URL 매핑을 지원합니다.
  • Vue 디자인 시스템: Vue.js사용하여 디자인 시스템을 빌드하기 위한 오픈 소스 도구입니다.
  • VueX: Vue 앱에 대한 상태 관리 시스템입니다.

추가 리소스