Skip to main content

Command Palette

Search for a command to run...

[Uno] MVUX

Updated
1 min read
[Uno] MVUX

MVUX(Model View Update eXtended)는 Elm 아키텍처를 따르는 Uno의 MVU 아키텍처의 확장입니다. MVUX는 데이터 바인딩 기능을 그대로 사용하면서 불변 모델을 기반으로 애플리케이션 상태를 정의하고 사용할 수 있도록 합니다. MVVM의 고질적인 상용구 코드의 번잡함과 스레딩 문제를 해결합니다.

MVUX를 이해하기 앞서서 MVVM 아키텍쳐를 살펴보고 MVVM의 단점에 대해 이야기해봅시다.

출처: Uno Platform

MVVM 모델은 비즈니스 로직과 화면을 나눠서 로직과 화면의 결합도를 없애 단위 테스트를 용이하게 하는 장점이 있습니다. 반면, ViewModel이 변경되었을 때 View가 반응하도록 하기 위한 메커니즘인 데이터 바인딩을 달성하기 위해 상당한 상용구 코드가 필요하고 비동기 데이터의 경우 다양한 문제가 발생할 수 있습니다.

이에 반해 Uno Platform의 MVUX는 불변 모델을 사용해서 애플리케이션 상태를 정의합니다. 상태가 변경되었을 경우 Uno Platform이 자동으로 생성해주는 바인딩 프록시를 이용해 MVVM의 장점인 데이터 바인딩을 그대로 사용해 상태에 따라 올바르게 View를 갱신합니다.

Uno Platform의 MVUX는 MVU의 장점인 단방향성과 MVVM의 장점인 데이터 바인딩을 결합했다고 할 수 있습니다.

MVUX는 또한 IFeed<> 인터페이스를 통해 상태에 대한 피드를 제공해서 상태에 따라 진행중, 데이터 유/무, 오류발생을 적절하게 처리할 수 있습니다.

MVVM에 비해 MVUX가 어떤 장점이 있는지 좀 더 살펴보려면 아래 참조 글을 살펴볼 수 있습니다.


이미지 출처 :
https://platform.uno/blog/demystifying-mvvm-and-introducing-mvux-approach/

참조 글 : MVUX 개요
https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Mvux/Overview.html?tabs=viewmodel%2Cmodel

More from this blog

개발, 테스트, 운영에서의 도커 활용

핵심 원칙: "한 번 빌드하고, 어디서든 실행한다 (Build once, run anywhere)" 도커의 가장 큰 장점은 환경 일관성입니다. 동일한 도커 이미지를 사용하여 개발, 테스트, 운영 환경을 구성함으로써 "제 PC에서는 됐는데..." 하는 문제를 최소화할 수 있습니다. 1. 개발 단계 (Development) 목표: 빠른 코드 변경 반영, 쉬운 디버깅, 실제 운영 환경과 유사한 환경 구성. Docker 사용 방안: Dockerf...

May 9, 20256 min read15

[EF Core] 데이터 삭제 시 소프트 삭제 적용

DB에서 데이터를 삭제하면 일반적으로 복구할 수 없습니다. 또한 관계에 따라 영구 삭제 자체가 어려울 수도 있습니다. 그래서 데이터를 영구 삭제하는 대신 IsDeleted 속성을 true로 주고 IsDeleted 속성을 필터링해서 조회하는 방법을 사용하기도 합니다. 이를 소프트 삭제라고 합니다. 그런데 EF에서 알아서 데이터 삭제 시 소프트 삭제를 하고 쿼리시 IsDeleted 속성을 체크해서 삭제한 데이터를 제외한 데이터만 쿼리하게 하는 ...

Mar 18, 20243 min read19

[EF Core] ValueConverter를 이용해서 엔터티 속성의 도메인 관리

EF Core를 사용하면서 문자열 길이 등의 특성을 일일이 지정하는 것은 번거롭습니다. ... [MaxLength(32)] public string? 제목 { get; set; } 엔터티가 한 개일 때는 상관이 없으나 제목 유형이 여러 엔터티에 사용될 경우 유형을 지정하기 번거롭습니다. 속성 유형을 도메인으로 관리하면 참 편할텐데요, ValueConverter를 이용할 수 있습니다. 그런데 이것을 인터페이스 정적 추상를 사용해서 다음처럼 ...

Mar 16, 20242 min read8

디모이 블로그

154 posts

.NET 관련 기술을 선호하고 새로운 언어를 배우는데 관심이 있습니다.