다음을 통해 공유


XAML 사용

XAML(eXtensible Application Markup Language, "자멜"로 읽음)은 Microsoft에서 개발한 XML 기반 태그 언어입니다. XAML은 Microsoft Visual Studio 또는 Blend for Visual Studio에서 개발하는 응용 프로그램의 시각적 표현 뒤의 태그입니다. Blend의 XAML 코드는 코드 편집기에서 직접 수정하거나 디자인 뷰에서 속성을 수정하여 편집할 수 있습니다.

Blend for Visual Studio의 새 XAML 편집 기능에 대한 자세한 내용은 Windows 스토어 XAML 앱 제작을 위한 Visual Studio 2013 Preview의 새 기능을 참조하십시오.

XAML과 Microsoft .NET Framework

XAML은 Windows 기반 앱 및 웹 브라우저 기반 클라이언트 앱을 시각적으로 표현해주는 Microsoft .NET Framework의 일부입니다. XAML에서 컨트롤, 텍스트, 이미지, 도형, 애니메이션 등의 요소를 정의하여 UI 전체를 만들 수 있습니다. 그러나 XAML은 선언적이므로 앱에 런타임 논리를 추가해야 하는 경우에는 코드를 추가해야 합니다. 런타임 논리가 없을 경우 앱이 수행되지 않고 사용자 상호 작용에도 응답하지 않습니다.

XAML 기반 앱의 코드는 XAML 문서가 아닌 별도 파일에 저장됩니다. 이와 같이 기본 코드에서 UI 디자인(프레젠테이션)을 분리하면 개발자와 디자이너가 같은 프로젝트에서 더욱 긴밀하게 협력할 수 있을 뿐만 아니라, 코드에서 앱 뷰를 분리하는 가장 좋은 방법을 더 긴밀하게 준수할 수 있습니다(MVVM(Model View ViewModel) 아키텍처 패턴의 모델이라고도 함).

Visual Studio는 앱에 런타임 논리를 개발하기 위한 이상적인 도구입니다. Blend는 앱의 시각적 디자인에 가장 적합한 도구입니다. 프로젝트에서 작업하는 동안 Blend와 Visual Studio 사이에서 간단히 전환할 수 있습니다. Visual Studio 에서 Blend로 전환하려면 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 단추로 클릭한 다음 Blend에서 열기를 클릭합니다. Blend에서 Visual Studio로 전환하려면 프로젝트 패널에서 프로젝트를 마우스 오른쪽 단추로 클릭한 다음 Visual Studio에서 편집을 클릭합니다.

한 컴퓨터에서 동일한 프로젝트 파일을 Blend와 Visual Studio에서 동시에 열 수도 있습니다.한 도구에서 파일의 변경 내용을 저장한 다음 다른 도구로 전환할 때는 가장 최신 버전의 프로젝트를 볼 수 있도록 파일을 다시 로드할지 묻는 메시지가 표시됩니다.

Blend와 Visual Studio를 사용하여 앱의 프레젠테이션 레이어를 디자인하는 방법은 Blend에서 개체 및 속성 사용를 참조하십시오.

XAML과 코드 숨김 파일 간의 관계

Blend에서 모든 문서의 XAML은 .xaml 파일로 저장됩니다. XAML 문서의 기본 코드는 동일한 이름의 파일에 저장되며 .cs, cpp 또는 .vb 확장명이 추가됩니다.

프로젝트를 빌드하면 파서가 해당 프로젝트의 .xaml 파일을 읽고 모든 결과 오류를 보고합니다. 마찬가지로 Blend에서 기존 프로젝트를 열면 XAML 파서가 프로젝트 폴더에 있는 .xaml 파일을 읽고 요소를 구문 분석하여 디자인 뷰의 아트보드에 문서를 표시합니다. 두 경우 모두 파서가 오류를 발견하면 아트보드가 비활성화되고 Blend에 오류 메시지가 표시됩니다. 이때 코드 보기를 열어 오류를 해결할 수 있도록 링크가 함께 표시됩니다. 구문 분석 오류는 결과 패널의 오류 탭에서도 보고됩니다.

자세한 내용은 다음 항목을 참조하십시오.

개별 컨트롤의 구문에 대한 정보는 컨트롤 라이브러리를 참조하거나 클래스 라이브러리 참조에서 XAML 요소를 검색하십시오. 두 참조 모두 MSDN에 있습니다.