본문으로 바로가기

Vue.js 공부 시작

category JavaScript/Vue.js 2021. 7. 15. 14:07

Vue.js란

 - 사용자 인터페이스 개발을 위한 Progressive Framework

   (프로그레시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발한 것을 뜻함)

 

Vue.js의 장점

 - 직관적이고 배우기 쉽다.

 - 재사용을 통한 애플리케이션의 개발 기간 단축 및 양질의 코드를 생산할 수 있다.

 - Angular의 장점(데이터 바인딩)과 React의 장점(가상 돔)을 모두 가지고 있다.

 

Vue.js의 특징

 - MVVM(Model-View-ViewModel) 패턴 사용

   : 프로그래밍 로직과 화면에 해당하는 View(UI)를 분리해서 개발하기 위해 설계된 패턴입니다.

   : View와 Model 중간에 ViewModel을 둠으로써 데이터 바인딩 처리 및 가상 DOM을 통한 성능 및 개발의 편의성을 제공하기 위해 만들어 졌다.

 - 컴포넌트(Component)를 사용한 높은 재사용성

   : 작은 단위부터 특정 기능을 처리하는 좀 더 큰 단위까지 화면을 이루고 있는 작은 여러 개의 View 중에는 다른 화면에서도 사용되는 View가 있는데 이런 단위의 View를 재사용할 수 있는 구조로 개발하는 것을 컴포넌트라고 부른다.

   : Vue로 개발된 파일 하나하나가 모두 컴포넌트이다.

   : Vue에서 하나의 컴포넌트는 HTML CSS JavaScript로 이루어져 있다.

   : 다른 컴포넌트에서 import해서 바로 사용할 수 있다.

 

 

반응형

'JavaScript > Vue.js' 카테고리의 다른 글

Computed와 Watch  (0) 2021.07.15
이벤트 처리 (v-on)  (0) 2021.07.15
랜더링(v-for, v-if, v-show)  (0) 2021.07.15
데이터 바인딩(Data Binding)  (0) 2021.07.15
Component(컴포넌트)란  (0) 2021.07.15