MVVM 패턴

MVVM 패턴

Model, View, View Model 객체 간 유기적인 관계를 가진다.

주요 목적

주요 목적은 로직의 분리이다.
프론트엔드를 개발하다보면 데이터(비즈니스)적인 로직과 화면(프리젠테이션)에 꾸며주기 위한 로직이 존재한다.
MVVM은 이 둘의 관계를 분리하여 테스트, 유지보수, 재사용을 효율적으로 도와주는 방식으로 고안되었다.

MVVM 패턴 flow

실제 flow

• 사용자에 의해 View 객체가 이벤트를 받으면서 데이터를 입력 받는다.
• View객체가 프리젠테이션을 담당하는 객체
• Model 개체는 비즈니스 로직을 담당하는 객체
• View Model은 이 둘의 관계를 연결하는 역할
• View는 View Model에게 데이터의 CRUD를 요청한다.
• View Model은 View에게 받은 데이터를 Model에 반영한 후 View에게 화면 변화를 알리는 어댑터 역할을 합니다.

주의 사항

View는 Model에 직접 접근하면 안되며,
Model역할 = 비즈니스 로직이란, CRUD로 인한 데이터 변경, 유효성 검사, 서버 통신을 의미한다.