소개

  • 2분

.NET MAUI를 사용하면 C# 코드를 사용하여 앱의 사용자 인터페이스를 동적으로 만들 수 있습니다. 그러나 UI를 정적으로 정의하는 것이 더 적절하고 효율적인 경우도 있습니다. XAML(Extensible Application Markup Language)은 컴파일 시간에 UI를 배치하는 방법을 제공합니다. 또한 UI에 대한 XAML 설명은 어느 정도의 설명서를 제공하므로 애플리케이션 코드를 자세히 살펴보지 않고도 사용자에게 UI가 표시되는 방식을 빠르게 파악할 수 있습니다.

여러분이 전력 설비 회사에서 모바일 개발자로 일한다고 가정해 봅니다. 고객 프레미스를 방문할 때 엔지니어가 사용하는 해당 회사의 모바일 앱을 개선할 책임이 있습니다. 현재 이 앱의 UI는 C# 코드를 사용하여 빌드됩니다. 그러나 여러분은 UI 업데이트 관리가 점점 어려워진다는 것을 인지하기 시작했습니다. 이 어려움은 앱이 더 복잡해지기 때문에 발생합니다. 핵심 동작 논리가 UI 코드와 혼합되면서 이해하기가 점점 더 어려워지고 있습니다.

그래서 UI와 동작을 깔끔하게 분리할 수 있는 솔루션을 찾고 있습니다. UI와 동작을 분리하면 디자인 전문가는 가장 잘하는 일에 집중할 수 있고, 여러분은 앱 동작을 코딩하는 데 집중할 수 있습니다. .NET MAUI를 사용하면 XAML을 사용하여 UI를 정의할 수 있습니다. XAML은 UI(사용자 인터페이스)와 동작을 깔끔하게 분리합니다. 또한 XAML은 디자인 전문가 및 디자인 도구의 도움을 쉽게 받을 수 있습니다. 이 모듈에서는 C# 코드 대신 XAML을 사용하여 페이지 및 컨트롤을 정의하는 .NET MAUI 앱을 만드는 방법을 알아봅니다. XAML로 UI를 만들면 모든 UI 코드를 동작 코드와 완전히 분리하여 두 코드를 간편하게 관리할 수 있습니다.

학습 목표

이 모듈에서는 다음에 대해 알아봅니다.

  • C#에서 .NET MAUI 앱의 UI를 정의하는 것보다 XAML을 사용할 경우의 이점.
  • XAML을 사용하여 페이지 및 컨트롤을 만들고 해당 속성을 설정하는 방법.
  • UI 이벤트를 처리하고 XAML에서 연결하는 방법.
  • XAML 태그 확장을 만들고 사용하는 방법.
  • XAML 태그에서 플랫폼별 값을 설정하는 방법.

필수 조건

  • .NET MAUI 워크로드가 설치된 Visual Studio 2026
  • 선택 사항: .NET MAUI 확장 및 .NET MAUI 워크로드가 설치된 .NET SDK가 있는 Visual Studio Code
  • C# 및 .NET 사용 경험

.NET MAUI 개발에 대한 요구 사항

.NET 9를 사용하여 .NET MAUI 앱을 만들려면 다음 워크로드가 설치된 Visual Studio 버전 17.12 이상을 설치해야 합니다.

  • .NET 다중 플랫폼 앱 UI 개발

또한 .NET MAUI Blazor 앱을 빌드하려면 ASP.NET 및 웹 개발 워크로드를 설치해야 합니다.

자세한 설치 방법은 설명서를 참조하세요.

Visual Studio Code를 사용한 개발

macOS 또는 Linux에서 개발하는 경우 .NET SDK 및 .NET MAUI 워크로드와 함께 Visual Studio Code 및 .NET MAUI 확장을 설치해야 합니다. 자세한 설치 방법은 설명서를 참조하세요.