MVP 패턴 과 MVVM 패턴

MVP 패턴

MVP 패턴은 MVC 패턴으로부터 파생되었으며 MVC에서 C에 해당하는 컨트롤러가 프레젠터(presenter)로 교체된 패턴이다.

뷰와 프레젠터는 일대일 관계이기 때문에 MVC 패턴보다 더 강한 결합을 지닌 디자인 패턴이라고 볼 수 있다.

MVVM 패턴

MVVM 패턴은 MVC의 C에 해당하는 컨트롤러가 뷰모델(view model)로 바뀐 패턴입니다.

여기서 뷰모델은 뷰를 더 추상화한 계층이며, MVVM 패턴은 MVC 패턴과는 다르게 커맨드와

데이터 바인딩을 가지는 것이 특징이다.

뷰와 뷰모델 사이의 양방향 데이터 바인딩을 지원하며 UI를 별도의 코드 수정 없이 재사용할 수 있고 단위 테스팅하기 쉽다는 장점있다.

 

MVVM 패턴의 ex): 뷰

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

Vue.js는 반응형(reactivity)이 특징인 프런트엔드 프레임워크이다.

ex)watch와 computed 등으로 쉽게 반응형적인 값들을 구축할 수 있다.

함수를 사용하지 않고 값 대입만으로도 변수가 변경되며 양방향 바인딩,

html을 토대로 컴포넌트를 구축할 수 있다는 점이 특징이다.

재사용 가능한 컴포넌트 기반으로 UI를 구축할 수 있으며 BMW, 구글, 루이비통 등에서 사용하고 있다.

 

참조:면접을 위한 CS 전공지식 노트