데이터 바인딩Data binding

데이터 바인딩은 앱의 UI에서 데이터를 표시하고 선택적으로 해당 데이터와 동기화된 상태를 유지하는 하나의 방법입니다.Data binding is a way for your app's UI to display data, and optionally to stay in sync with that data. 데이터 바인딩은 데이터 문제를 UI 문제와 분리하여 개념 모델을 간소화하고 앱의 가독성, 테스트 용이성 및 유지 관리성을 향상시킬 수 있도록 해줍니다.Data binding allows you to separate the concern of data from the concern of UI, and that results in a simpler conceptual model as well as better readability, testability, and maintainability of your app. 태그에서 {x:Bind} 태그 확장 또는 {Binding} 태그 확장을 사용하도록 선택할 수 있습니다.In markup, you can choose to use either the {x:Bind} markup extension or the {Binding} markup extension. 동일한 앱에서 이 둘을 혼합하여 사용할 수도 있으며, 동일한 UI 요소에도 마찬가지입니다.And you can even use a mixture of the two in the same app—even on the same UI element. {x:Bind}는 Windows 10의 새로운 기능으로, 향상된 성능을 제공합니다.{x:Bind} is new for Windows 10 and it has better performance.

항목Topic 설명Description
데이터 바인딩 개요Data binding overview 이 항목에서는 UWP(유니버설 Windows 플랫폼) 앱에서 컨트롤(또는 다른 UI 요소)을 단일 항목에 바인딩하거나 항목 컨트롤을 항목 컬렉션에 바인딩하는 방법을 보여 줍니다.This topic shows you how to bind a control (or other UI element) to a single item or bind an items control to a collection of items in a Universal Windows Platform (UWP) app. 또한 항목의 렌더링을 제어하고 선택 항목을 기반으로 세부 정보 보기를 구현하고, 표시할 데이터를 변환하는 방법을 보여 줍니다.In addition, we show how to control the rendering of items, implement a details view based on a selection, and convert data for display. 자세한 내용은 데이터 바인딩 심층 분석을 참조하세요.For more detailed info, see Data binding in depth.
데이터 바인딩 심층 분석Data binding in depth 이 항목에서는 데이터 바인딩 기능에 대해 자세히 설명합니다.This topic describes data binding features in detail.
디자인 화면의 샘플 데이터 및 프로토타입 생성용 샘플 데이터Sample data on the design surface, and for prototyping Visual Studio 디자이너에서 컨트롤에 데이터를 채워 앱의 레이아웃, 템플릿 및 기타 시각적 속성을 작업할 수 있도록 하기 위해 다양한 방법으로 디자인 타임 샘플 데이터를 사용할 수 있습니다.In order to have your controls populated with data in the Visual Studio designer (so that you can work on your app's layout, templates, and other visual properties), there are various ways in which you can use design-time sample data. 스케치(또는 프로토타입) 앱을 빌드하는 경우에도 샘플 데이터를 사용하면 정말 유용하고 시간을 절약할 수 있습니다.Sample data can also be really useful and time-saving if you're building a sketch (or prototype) app. 스케치 또는 프로토타입에서 런타임에 샘플 데이터를 사용하면 실제 라이브 데이터에 연결하지 않더라도 아이디어를 설명할 수 있습니다.You can use sample data in your sketch or prototype at run-time to illustrate your ideas without going as far as connecting to real, live data.
계층적 데이터에 바인딩하고 마스터/자세히 보기 만들기Bind hierarchical data and create a master/details view 체인으로 함께 바인딩된 CollectionViewSource 인스턴스에 항목 컨트롤을 바인딩하여 계층적 데이터에 대한 여러 수준 마스터/세부 정보(목록-세부 정보라고도 함) 보기를 만들 수 있습니다.You can make a multi-level master/details (also known as list-details) view of hierarchical data by binding items controls to CollectionViewSource instances that are bound together in a chain.
데이터 바인딩 및 MVVMData binding and MVVM 이 토픽에서는 MVVM(Model-View-ViewModel) UI 아키텍처 디자인 패턴을 설명합니다.This topic describes the Model-View-ViewModel (MVVM) UI architectural design pattern. 데이터 바인딩은 MVVM의 핵심이며, UI와 UI가 아닌 코드 간의 느슨한 결합을 지원합니다.Data binding is at the core of MVVM, and enables loose coupling between UI and non-UI code.