본문 바로가기

SW 지식

MVVM pattern을 공부하자!

What is MVVM?

모델-뷰-뷰 모델(model-view-viewmodel, MVVM)은 하나의 소프트웨어 아키텍처 패턴으로-마크업 언어 또는 GUI 코드로 구현하는-그래픽 사용자 인터페이스(뷰)의 개발을 비즈니스 로직 또는 백-엔드 로직(모델)로부터 분리시켜서 뷰가 어느 특정한 모델 플랫폼에 종속되지 않도록 해준다. MVVM의 뷰 모델은 값 변환기인데, 이는 뷰 모델이 모델에 있는 데이터 객체를 노출(변환)하는 책임을 지기 때문에 객체를 관리하고 표현하기가 쉬워진다는 것을 의미한다. 이러한 점에서, 뷰 모델은 뷰 보다는 더 모델인 것이며, 모든 뷰들의 디스플레이 로직을 제외한 대부분의 것들을 처리한다. 뷰 모델은 '백-엔드 로직에 대한 접근'과 그 주변부의 '뷰에서 지원하는 유즈 케이스 집합'으로 구성되도록, 중재자 패턴으로 구현할 수도 있다.

Model–view–viewmodel (MVVM) is a software architectural pattern that facilitates the separation of the development of the graphical user interface (the view) – be it via a markup language or GUI code – from the development of the business logic or back-end logic (the model) so that the view is not dependent on any specific model platform. The viewmodel of MVVM is a value converter, meaning the viewmodel is responsible for exposing (converting) the data objects from the model in such a way that objects are easily managed and presented. In this respect, the viewmodel is more model than view, and handles most if not all of the view's display logic. The viewmodel may implement a mediator pattern, organizing access to the back-end logic around the set of use cases supported by the view.

출처 : https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel

 

MVVM은 데이터바인딩으로 구현하게 되는 디자인 패턴입니다.
MVVM은 크게 3가지로 구성되어 있습니다. View, ViewModel, Model

 

읽어보고 참고할만한 페이지들

(필수)

https://docs.microsoft.com/ko-kr/xamarin/xamarin-forms/xaml/xaml-basics/data-bindings-to-mvvm

 

5부. 데이터 바인딩에서 MVVM까지 - Xamarin

MVVM 패턴은 세 가지 소프트웨어 계층( 보기라고 하는 XAML 사용자 인터페이스) 간에 분리를 적용합니다. 모델이라고 하는 기본 데이터 ViewModel이라고 하는 뷰와 모델 간의 중개자입니다.

docs.microsoft.com

(다른 도움이 되는 페이지들)

https://kaki104.tistory.com/531

 

MVVM Pattern을 사용하는 개발자를 위한 안내(업데이트 : 2021/02/18)

0. 참고 The MVVM Pattern Todo list Universal & UWP app MVVM pattern 설명 동영상(오래전에 녹화한 내용입니다.) http://youtu.be/f9aQkuoiPz4 http://youtu.be/uGxboAUwciI http://youtu.be/2lQQiBEjbtU Using..

kaki104.tistory.com

https://blog.naver.com/vactorman/221014156372

 

MVVM pattern for WPF - 골칫거리들 1.

포스팅에 앞서 주의 사항 몇 가지 공지. ※ 주의 1. 이 포스팅의 내용은 지극히 개인적인 내용을 담고 있음...

blog.naver.com

https://hwanine.github.io/c%23/WPF-MVVM/

 

C# - WPF, MVVM 노트 (1)

개인 학습 노트

hwanine.github.io

https://usermanual.wiki/m/9f7b27f81d8f76474de59a9009219249deed09920b83bd830b61bb84b71db351.pdf

 

(Dynamic Resource)

https://benstagram.tistory.com/32

 

WPF DynamicResource 적용 및 UI 에 Style 적용

1. DynamicResource 를 프로젝트에 추가 BrushColor.xaml : Color값들에 대하여 정의 StyleCommon.xaml : UI Control들에 적용될 여러가지 스타일들에 대하여 정의 BrushColor.xaml StyleCommon.xaml 2. App.xaml..

benstagram.tistory.com

 

 

미리 다들 너무너무 감사합니다 ;)

'SW 지식' 카테고리의 다른 글

SW / IT 개발 쪽 약어 정리 페이지  (0) 2023.10.25
Diagram tool 을 알아보자  (0) 2022.12.12
md파일을 작성해보자!  (0) 2022.04.13