[vue.js] 개요

vue.js란
SPA개발을 위한 프론트엔드 프레임워크
 
1. SPA
Single Page Application
페이지 이동시 처음 접속했을 때 로딩된 페이지 중에서 변경이 필요한 부분만 갱신

- 첫 화면 로딩 속도가 느릴 수 있다

- 이후 화면 전환이 빠르다

 

2. Vue.js의 장점

1) 직관적이고 배우기 쉬움

2) 재사용을 통해 개발 기간 단축

3) Angular의 장점(데이터 바인딩)과 React의 장점(가상 돔)을 갖춤

- 데이터 바인딩: 데이터와 HTML DOM이 양방향으로 연결됨

- 가상 DOM: 가상의 DOM을 만들어서 메모리에서 처리한 다음 실제 DOM과 동기화 → 속도 개선

 

3. Vue.js 특징

1) MVVM(Model-View-ViewModel) 패턴

- view와 model 중간의 viewModel: 데이터 바인딩 처리 및 가상 DOM을 통한 성능 향상 및 개발 편의성 제공

2) 컴포넌트를 사용한 높은 재사용성

- 컴포넌트: vue로 개발된 파일들. 한 화면의 작은 요소 혹은 화면 전체

- html+css+javascript로 구성됨

- 다른 컴포넌트에서 import 해서 사용 가능