Vue.js란 무엇인가요?

  • 아티클

Vue는 웹에서 사용자 인터페이스와 단일 페이지 애플리케이션을 빌드할 수 있는 오픈 소스, 프런트 엔드 JavaScript 프레임워크입니다. Evan You가 개발하여 2014년에 출시되고 Evan과 그의 팀이 유지 관리하는 Vue는 선언적 렌더링 및 뷰 계층 전용 핵심 라이브러리를 제공하는 구성 요소 구성에 집중합니다.

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

Vue는 무엇이 특별한가요?

Vue는 모델-뷰-뷰 모델 아키텍처를 사용합니다. 이전에 Google의 AngularJS에서 근무했던 Evan You는 더욱 가벼운 프레임워크를 제공하기 위해 Angular의 일부를 추출했습니다. Vue는 React, Angular, Ember, Knockout 등과 유사합니다. 다른 JavaScript 프레임워크와의 자세한 비교는 Vue 문서를 참조하세요.

Vue로 무엇을 할 수 있나요?

Vue 도구

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

  • 패키지 관리자: Vue에서 가장 많이 사용되는 패키지 관리자에는 npm(NodeJS에 포함) 및 yarn 등 두 가지가 있습니다. 둘 다 설치 가능하며 유지 관리가 잘 된 패키지로 구성된 다양한 라이브러리를 지원합니다.
  • Vue CLI: 신속한 Vue.js 개발을 위한 표준 도구 키트로, Babel, PostCSS, TypeScript, ESLint 등을 바로 지원합니다.
  • Nuxt.js: 서버 측 렌더링된 Vue.js 앱을 만들 수 있는 프레임워크입니다. 서버 측 렌더링은 SEO와 사용자 인터페이스 응답성을 향상시킬 수 있습니다.
  • VS Code용 Vue 확장 팩: 구문 강조 표시, 코드 서식 및 코드 조각을 .vue 파일에 추가합니다.
  • Vuetify: 머티리얼 디자인 프레임워크 구성 요소를 제공하는 Vue UI 라이브러리입니다.
  • Vuesion: 프로덕션이 가능한 PWA(프로그레시브 웹앱)용 Vue 상용구입니다.
  • Storybook: Vue 사용자 인터페이스 구성 요소를 위한 개발 및 테스트 환경입니다.
  • Vue 라우터: 애플리케이션 URL을 Vue 구성 요소에 매핑할 수 있습니다.
  • Vue 디자인 시스템: Vue.js를 사용하여 디자인 시스템을 빌드할 수 있는 오픈 소스 도구입니다.
  • VueX: Vue 앱을 위한 상태 관리 시스템입니다.

추가 리소스