Vue.js는 무엇인가?
SPA(Single Page Application, 단일 페이지 애플리케이션) 프론트엔드 프레임워크. 페이지 하나에서 동작하는 애플리케이션입니다. 자바스크립트, CSS, 이미지 파일을 최초 접근시 다운로드 받는다. 페이지를 이동하면 웹 페이지 전체가 바뀌는 것이 아니라 처음 접속했을 때 로딩된 페이지 중에서 변경이 필요한 부분만 바뀝니다.
Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework입니다. 여기서 프로그래시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발한 것을 뜻합니다.
Vue.js 장점
1. 직관적이고 배우기 쉽다
2. 재사용을 통한 애플리케이션 개발 기간 단축 및 양질의 코드를 생산할 수 있다.
3. Augular의 장점(데이터 바인딩)과 React의 장점(가상 돔)을 모두 가지고 있다.
Vue.js 특징
1. MVVM 패턴 사용
2. 컴포넌트를 사용한 높은 재사용성
MVVM(Model-View-ViewModel)
프로그래밍 로직과 화면에 해당하는 View(UI)를 분리해서 개발하기 위해 설계된 패턴.
일반적으로 웹은 HTML DOM이 View, 자바스크립트가 Model의 역할을 한다. MVVM 패턴은 View와 Model 중간에 ViewModel을 둠으로써 데이터 바인딩 처리 및 가상 DOM을 통한 성능 및 개발의 편의성을 제공하기 위해 만들어졌다.
컴포넌트(Component)
Vue로 개발된 파일(.vue) 하나하나가 모두 컴포넌트입니다. 컴포넌트는 한 화면을 이루는 작은 요소일 수도 있고, 한 화면 전체일 수도 있습니다. Vue에서 하나의 컴포넌트는 HTML+CSS+Javascript로 이루어져 있고, 다른 컴포넌트에서 import해서 바로 사용할 수 있습니다.
'개발 > Vue.js' 카테고리의 다른 글
| [Vue.js 강의] 4강 Vue Router 설정 (0) | 2022.02.12 |
|---|---|
| [Vue.js 강의] 2강 Vue 개발환경 구성 (0) | 2022.02.11 |