또르의 개발노트

.NET MAUI란?

- 크로스플랫폼 개발도구인 Xamarin.Forms의  진화된 버전

- 개발자 생산선을 염두에 두고 구축되었으며 단일프로젝트에 여러 플랫폼을 구현할 수 있음.

 ( CS 개발할때는 WPF를... 모바일할때는 Xamarin을... 이러한 불편함을 해소시키기 위해 나옴)

- .NET MAUI는  기존 MVVM 및 XAML 패턴은 물론 C# 또는 Blazor를 사용한 MVU(Model-View-Update)와 같은 향후 기능을 모두 지원합니다.

MVVM

MVVM(Model-View-ViewModel) 및 XAML은 수십 년 동안 .NET 개발자들 사이에서 가장 널리 사용되는 패턴이자 관행이며 .NET MAUI의 일류 기능입니다. 이는 계속해서 성장하고 발전하여 프로덕션 앱을 생산적으로 구축하고 유지 관리하는 데 도움이 될 것입니다.

<StackLayout>
    <Label Text="Welcome to .NET MAUI!" />
    <Button Text="{Binding Text}" 
            Command="{Binding ClickCommand}" />
</StackLayout>

public Command ClickCommand { get; }

public string Text { get; set; } = "Click me";

int count = 0;

void ExecuteClickCommand ()
{
    count++;
    Text = $"You clicked {count} times.";
}

MVU

또한 개발자가 유창한 C# UI를 작성하고 점점 인기를 얻고 있는 MVU(Model-View-Update) 패턴을 구현할 수 있습니다. MVU는 데이터 및 상태 관리의 단방향 흐름과 필요한 변경 사항만 적용하여 UI를 빠르게 업데이트하는 코드 우선 개발 환경을 촉진합니다. 패턴으로서의 MVU에 대한 자세한 내용은 이 Elm 프로그래밍 가이드 와 Thomas Bandt의 블로그 를 확인하세요.

다음은 .NET MAUI로 작성된 MVU 스타일의 기본 카운터 예제입니다.

readonly State<int> count = 0;

[Body]
View body() => new StackLayout
{
    new Label("Welcome to .NET MAUI!"),
    new Button(
        () => $"You clicked {count} times.",
        () => count.Value ++)
    )
};

이 패턴은 아래에서 볼 수 있듯이 C#에서 즉시 핫 리로드가 포함된 스타일, 그라디언트 및 글꼴이 추가되어 핫 리로드에 이상적입니다.

.NET MAUI 작동방식