본문 바로가기

IT/디자인 패턴

MVVM 패턴이란?

1. MVVM 패턴이란

MVVM 패턴은 페이지를 Model, View, ViewModel 단위로 분리해서 단위 별로 의존성을 줄이고, 화면 처리에 초점을 맞춘 개발 패턴입니다.

출처 : https://docs.microsoft.com/en-us/xamarin/xamarin-forms/enterprise-application-patterns/mvvm

2. View

화면을 그리는 레이아웃을 의미합니다. (HTML, XML 등..) View는 리스트나 상세 페이지 등 동적으로 데이터가 변경되는 부분에 View Model과 Data Binding하는 코드를 삽입합니다. 그리고 View Model를 감시하다가 상태 변화가 전달되면 화면을 갱신합니다.

View는 화면을 표현하는데 집중하고, 별도의 서비스 로직은 View Model를 통해 수행합니다.

3. View Model

View에 연결할 데이터(Model)와 명령(Command)으로 구성되어 있으며, Model로 부터 변경알림을 전달 받으면 View에게 변경 알림을 전달합니다. 명령은 View의 이벤트를 정의하며, View에 이벤트가 실행되면 해당 명령을 실행합니다.

4. Model

화면 표현하는데 필요한 데이터를 관리하며 사용자가 입력한 데이터를 저장하거나, 서버로 부터 받은 데이터를 저장합니다. 데이터 변경 시 View Model에게 변경 알림을 전송합니다.