[TIL] Vue 정리

Vue와 같은 프론트엔드 프레임워크들은 모두 MVVM 패턴 즉, Model, View, ViewModel 로 구성된 프론트엔드 패턴을 사용한다. 이 역시 로직과 UI를 분리하기 위한 방법인데, View 부분은 HTML, CSS로 구성된 일반 화면을 담당하고 Model은 서버에서 가져온 데이터를 말한다. 핵심요소인 ViewModel은 자바스크립트로 작성되어 Model의 데이터가 변경되면 View에 전달해 화면을 갱신하게 하고 반대로 사용자가 화면에서 값을 변경하면 그 값을 Model에 업데이트 하는 작업을 담당한다. 이 ViewModel은 Vue.js 프레임워크에서 제공하는 Vue객체이다. 따라서 우리는 v-model와 같이 directive을 통해 화면단의 데이터와 비즈니스 단의 데이터를 간편하게 동기화..
TIL 2021. 11. 5. 17:30
1