강의 대시보드 Vue.js가 무엇인가?
Vue.js가 무엇인가?
강의명 : [Vue.js입문~초급] Javascript 초보 Real 웹앱 개발 - 1부 : vue 개념 ~ 초급
수강 기한 : 무제한
진도율 : 0강/24강 (0%) | 시간 : 0분/284분
나가기
미수강
이전수업
다음수업

Vue.js가 무엇인가?

Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크(Progressive Framework) 입니다

.→ 일반적인 웹 페이지 뿐만 아니라 PWA(프로그레시브 웹앱) 개발에 용이합니다.


Vue는 점진적으로 채택할 수 있도록 설계되었습니다.

→ vue -> vue router -> vuex


싱글 파일 컴포넌트(Single File Components, SFC) 란

→ .vue 확장자를 가진 싱글 파일 컴포넌트


Awesome Vue.js - Vue.js와 관련된 선별 된 Awesome 한 목록

→ https://github.com/vuejs/awesome-vue


지원하는 라이브러리

→ https://github.com/vuejs/awesome-vue#components--libraries

  • Table,
  • Notification(modeless little Popup),
  • Loader(spinners),
  • Tooltip, Overlay(modal popup),
  • Icons(vue-material-design-icons or material-design-icons),
  • Menu(vue-accordion)
  • ...

단일 페이지 응용 프로그램(Single Page Application)


다른 프레임워크와의 비교

→ https://kr.vuejs.org/v2/guide/comparison.html

1. Vue vs React

[공통점]

  • 가상 DOM 활용
  • 반응형이고 조합 가능한 컴포넌트 제공
  • 코어 라이브러리에 집중, 라우팅 및 전역 상태 관리하는 라이브러리 지원

[차이점]

* 런타임 퍼포먼스(성능)

  • 랜더링 성능 - React 도 빠르지만, 실행환경 성능에서 Vue 의 속도가 React 를 앞섭니다.
  • 갱신 성능 - 컴포넌트의 상태가 변경되어 리 렌더링 시 Vue 는 자동으로 추적되므로 React 보다 빠릅니다.
  • 개발 환경 성능에서 Vue 가 React 에 비해 빠릅니다. 개발 환경 성능은 개발 생산성으로 연결됩니다.

* 네이티브 렌더링

  • React 는 iOS 및 Android 용 기본 렌더링 어플리케이션을 작성할 수 있는 ReactNative 를 지원합니다.
  • Vue 쪽은 동일한 기능을 지원하는 Weex 를 개발 진행중입니다.

2. Vue vs Angularjs (Angular 1)

  • 일부 Vue 의 문법은 Angularjs와 매우 유사합니다.
  • Angularjs 는 scope 간에 양방향 바인딩을 사용하지만, Vue 는 컴포넌트 간에 단방향의 데이터 흐름을 사용합니다.
  • Angularjs 에 비해 Vue 의 성능이 더 좋습니다. Angularjs 는 watch 와 같은 감시자가 많을 경우 느려집니다.

3. Vue vs Angular (Angular 2)

  • Angular 2 는 TypeScript 가 필수입니다. TypeScript 는 기존에 Java나 C# 개발자에게 생산성을 올려주는 이점이 있지만, 소규모 개발에서는 용이하지 않습니다.
  • Angular 2, Vue 는 성능적인 측면에서 둘 다 매우 빠르며, 차지하는 용량도 작습니다.
  • Angular 2는 Vue 에 비해 기존 웹개발자가 학습 해야할 것들이 매우 많습니다.
    목차 커뮤니티