1장-디자인 패턴) MVVM 패턴

1. MVVM 패턴이란 ? 

- MVVM 패턴은 MVC 의 C 에 해당하는 컨트롤러가 뷰모델(View Model)로 바뀐 패턴이다.

양방향이 핵심

- 뷰모델은 뷰를 더 추상화한 계층이며, MVC패턴과는 다르게 커맨드와 데이터 바인딩을 가지는 것이 특징이다.

- 뷰와 뷰모델 사이에 양방향 데이터 바인딩을 지원한다.

- UI를 별도의 코드 수정 없이 재사용할 수 있다.

- 단위 테스팅하기 쉽다는 장점이 있다.

 

2. 예시 : Vue.js

- 함수를 사용하지 않고 값 대입만으로도 변수가 변경되며 양방향 바인딩, html을 토대로 컴포넌트를 구축할 수 있다는 점이 특징이다.

- 데이터바인딩이란 ? : 화면에 보이는 데이터와 웹 브라우저의 메모리 데이터를 일치시키는 기법으로, 뷰모델을 변경하면 뷰가 변경된다.