소개
데이터 바인딩을 사용하면 데이터와 사용자 인터페이스(UI) 컨트롤 간의 관계를 선언할 수 있습니다. 두 요소 중 하나가 변경되면 자동으로 동기화 상태를 유지합니다. 데이터 바인딩을 사용하면 코드를 더 빨리 읽고, 더 쉽게 유지하고, 더 쉽게 테스트할 수 있습니다.
데이터 바인딩은 UI를 UI의 코드 숨김에 있는 코드와 연결하지 않고 UI를 데이터에 직접 결합하는 방법을 제공합니다. UI가 데이터에 바인딩되면 UI는 데이터가 변경될 때마다 자동으로 업데이트되어 데이터와 동기화 상태를 유지합니다. 반대로 사용자가 UI와 상호 작용하는 경우 데이터는 UI와 동기화된 상태로 유지됩니다.
예제 시나리오
선택한 지역 또는 주소에 대한 날씨 정보를 사용자에게 제공하는 앱에서 작업하고 있다고 상상해 보세요. 사용자가 위치를 입력할 때 앱은 외부 날씨 서비스에서 일기 예보 데이터를 로드하고 UI를 업데이트합니다. UI와 날씨 서비스 데이터는 XAML UI 및 XAML 코드 숨김 파일을 통해 긴밀하게 결합됩니다. 날씨 서비스는 이미 자체 클래스로 추상화되어 있지만 UI는 코드 숨김에 크게 의존하여 해당 데이터를 UI에 표시합니다.
앱이 릴리스된 후 얼마 지나지 않아 사용하는 날씨 서비스가 종료될 것이라고 발표합니다. 이를 예상하면 대체 서비스를 검색하기 시작합니다. 평가한 서비스 중에서 모든 입력 및 출력 데이터는 서로 다른 방식으로 표시됩니다. UI는 서비스와의 상호 작용에 코드 숨김 이벤트를 사용하므로 이 변경으로 인해 UI 환경이 영향을 받을 수 있습니다.
UI가 코드 숨김 이벤트에서 데이터 바인딩으로 날씨 업데이트를 동기화하는 방법을 변경하는 것이 유용합니다. 이렇게 하면 서비스 변경이 다시 발생하더라도 코드에 미치는 영향을 최소화할 수 있습니다.
수행할 내용
이 모듈에서는 코드 기반 UI와 데이터 바인딩된 UI 간의 차이점을 보여 줍니다. 데이터 바인딩을 사용하여 코드 숨김 대신 UI를 업데이트하는 방법을 보여 줍니다. 샘플 날씨 앱을 사용하여 UI 업데이트를 코드 숨김에서 데이터 바인딩으로 변환합니다.
무엇을 배우나요?
이 모듈을 마치면 데이터 바인딩을 사용하여 UI에 데이터를 표시하고 UI 형식 및 데이터 형식이 일치하지 않을 때 데이터를 변환할 수 있습니다.
필수 조건
- .NET MAUI 워크로드가 설치된 Visual Studio 2022
- 선택 사항: .NET MAUI 확장 및 .NET MAUI 워크로드가 설치된 .NET SDK가 있는 Visual Studio Code
.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 확장을 설치해야 합니다. 자세한 설치 방법은 설명서를 참조하세요.