Vue.js란
Vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크입니다.
Vue.js의 특징
1. MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리입니다.
- Model + View + View Model
- View : 사용자에게 보이는 화면
- DOM : HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리
- DOM Listener : 돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치
- Model : 데이터를 담는 용기, 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장
- Data Binding : View에 표시되는 내용과 모델의 데이터를 동기화
- ViewModel : 뷰와 모델의 중간 영역. 돔 리스너와 데이터 바인딩을 제공하는 영역
MVVM 패턴이란
마크업 언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리하여 개발하는 소프트웨어 디자인 패턴
-> 화면 앞단의 화면 동작과 관련된 로직과 화면 뒷단의 데이터베이스 데이터 처리 로직을 분리하여 더 깔끔하게 코드를 구성한다.
2. 컴포넌트 기반 프레임워크
앵귤러의 양방향 데이터 바인딩과 리액트의 단방향 데이터 흐름의 장점을 모두 결합한 프레임워크입니다.
