디자인 패턴 - MVVM 패턴 (MVVM pattern)

MVVM 패턴 (MVVM pattern)

MVVM 패턴은 MVC 패턴에서 컨트롤러(Controller)를 빼고 *뷰 모델(View Model)을 추가한 패턴이다.

 

MVC 패턴과 다르게 커맨드와 데이터 바인딩을 가진 것이 특징이다.

 

중간의 뷰모델이 양방향 데이터 바인딩을 지원하기 때문에, UI를 별도의 코드 수정 없이 재사용할 수 있다는 점과,

단위 테스트(unit test)하기 쉽다는 장점이 있다.

 

 

뷰 모델(View Model)

뷰 모델은 뷰를 추상화한 계층이며 뷰와 모델 사이에서 양방향 데이터 바인딩을 지원한다.

 

 

참고로 MVVM 패턴을 가진 대표적인 프레임워크로 뷰(Vue.js)가 있다.

 

이미지 출처 - https://medium.com/@json.ios.0802