XAML이란?

XAML(eXtensible Application Markup Language, "자멜"로 읽음)은 Microsoft에서 개발한 XML 기반 태그 언어입니다. HTML이 웹 페이지를 시각적으로 표시하기 위해 내부적으로 사용되는 언어인 것처럼, XAML은 Microsoft Expression Blend에서 개발한 응용 프로그램을 시각적으로 표시하기 위해 내부적으로 사용되는 언어입니다. Expression Blend에서 응용 프로그램을 만드는 작업은 Expression Blend의 디자인 보기에서 작업하여 시각적으로 또는 수동으로 XAML 코드를 작성하는 작업을 가리킵니다.

[!참고]

Expression Blend의 디자인 보기에서 응용 프로그램을 만드는 경우 반드시 XAML을 이해해야 할 필요는 없습니다. 자세한 내용은 이 사용자 가이드의 XAML 편집 항목에서 Expression Blend의 디자인 보기를 사용하여 XAML 편집을 참조하십시오.

디자인 응용 프로그램 간의 이퀄라이저 역할을 하는 XAML

Microsoft Expression Design 2에서 아트 자산을 XAML로 내보낸 다음 해당 XAML을 Expression Blend 프로젝트에 가져올 수 있습니다. 아트 자산을 XAML로 변환할 수 있는 도구를 갖추고 있는 다른 디자인 응용 프로그램도 있습니다. 인터넷에서 신뢰할 수 있는 사이트에 게시된 변환 도구를 검색해 보시기 바랍니다.

XAML 가져오기에 대한 자세한 내용은 이 사용자 가이드의 Expression Design에서 내보낸 XAML 가져오기 및 Expression Design 2에서 자산 가져오기 항목을 참조하십시오.

Silverlight 템플릿을 사용하여 만든 Silverlight 1.0 프로젝트를 가져와 Microsoft Expression Encoder 2에서 비디오 프로젝트를 인코딩할 수도 있습니다. 또한 Expression Blend 2에서 Expression Encoder 2와 함께 제공되는 Silverlight 템플릿을 수정할 수 있습니다. 자세한 내용은 Expression Encoder 2에서 Silverlight 1.0 사이트 가져오기 및 Expression Blend에서 Expression Encoder 2용 Silverlight 템플릿 수정를 참조하십시오.

맨 위로 이동

XAML, Windows Presentation Foundation 및 Microsoft .NET Framework 3.5

XAML은 Microsoft WPF(Windows Presentation Foundation)의 일부입니다. WPF는 Windows 기반 응용 프로그램 및 웹 브라우저 기반 클라이언트 응용 프로그램의 비주얼 프레젠테이션을 처리하는 Microsoft .NET Framework 3.5의 기능 범주입니다.

WPF 기반 응용 프로그램은 Windows Vista 또는 Microsoft .NET Framework 3.5 및 Internet Explorer 7.0(웹 브라우저 기반 클라이언트 응용 프로그램의 경우)이 설치된 이전 버전의 Windows 환경에서 실행할 수 있습니다. WPF 응용 프로그램의 요구 사항에 대한 자세한 내용은 이 사용자 가이드의 Expression Blend 응용 프로그램 배포 및 게시 항목을 참조하십시오.

WPF는 XAML을 사용하여 C#과 같은 프로그래밍 언어가 아닌 태그 언어를 이용해서 시각적으로 탁월한 UI(사용자 인터페이스)를 구성합니다. 컨트롤, 텍스트, 이미지, 도형, 애니메이션 등의 요소를 정의함으로써 XAML로 정교한 UI 문서를 완전하게 만들 수 있습니다. XAML은 HTML처럼 선언적이므로 응용 프로그램에 런타임 논리를 추가해야 하는 경우에는 코드를 추가해야 합니다. 예를 들어 응용 프로그램이 XAML만 사용하는 경우, UI 요소를 만들어 애니메이션 효과를 적용하거나 이벤트 트리거를 사용하여 해당 UI 요소가 사용자 입력에 일정한 방식으로 응답하도록 구성할 수 있습니다. 그러나 응용 프로그램이 직접 계산을 수행하고 계산에 응답하거나 새로운 UI 요소를 자동으로 만들 수 있으려면 코드를 추가해야 합니다. XAML 응용 프로그램의 코드는 XAML 문서가 아닌 별도의 파일에 저장됩니다. 이렇게 UI 디자인과 기본 코드가 분리됨으로써, 개발자와 디자이너는 상대방의 작업에 영향을 미치지 않으면서 한 프로젝트에서 더욱 긴밀하게 공동 작업을 할 수 있습니다. Expression Blend를 사용하여 XAML 응용 프로그램에 코드를 통합하는 방법에 대한 자세한 내용은 이 사용자 가이드의 코드 편집 및 Visual Studio 2008 상호 운용성 항목을 참조하십시오.

XAML 및 WPF에 대한 자세한 내용은 MSDN의 XAML 개요 또는 Windows Vista Developer Center를 참조하십시오.

WPF란?

WPF(Windows Presentation Foundation)는 Windows용 통합 프레젠테이션 하위 시스템으로, Microsoft .NET Framework를 확장하는 Windows Vista용 관리 코드 프로그래밍 모델인 WinFX를 통해 제공됩니다. WPF는 디스플레이 엔진 및 관리 코드 프레임워크로 구성됩니다. WPF는 Windows에서 문서, 미디어, UI(사용자 인터페이스)를 만들어 표시하고 조작하는 방법을 통합하므로 개발자와 디자이너가 시각적으로 뛰어나며 차별화된 사용자 환경을 만들 수 있게 해 줍니다.

WPF는 관리 코드를 기반으로 하지만 태그 언어인 XAML(Extensible Application Markup Language)을 사용하므로 디자이너가 훨씬 더 쉽게 응용 프로그램을 빌드할 수 있습니다. 현재 XAML 기반 응용 프로그램에서는 C# 및 Microsoft Visual Basic .NET이 지원됩니다. WPF 응용 프로그램 전체를 절차 코드로 작성하면 CLR(공용 언어 런타임) 언어를 사용할 수 있습니다.

WPF에 대한 자세한 내용은 MSDN의 Windows Presentation Foundation 섹션 또는 이 사용자 가이드의 학습 및 커뮤니티 리소스를 참조하십시오.

맨 위로 이동

XAML 및 Silverlight 1.0

Microsoft Silverlight 1.0 프로젝트에서는 XAML을 사용하여 응용 프로그램의 시각적 표현을 나타낼 수도 있습니다. 그러나 Silverlight 1.0 프로젝트에서는 WPF를 사용하지 않습니다. 자세한 내용은 Silverlight 1.0 빠른 시작를 참조하십시오.

맨 위로 이동

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

Expression Blend에서 지정된 모든 문서의 XAML은 .xaml 파일로 저장됩니다. XAML 문서의 기본 코드가 있는 경우 해당 코드는 동일한 이름의 파일에 저장되며 .cs 또는 .vb 확장명이 추가됩니다. 예를 들어 XAML 문서의 이름이 Window1.xaml인 경우 코드의 프로그래밍 언어가 C#이면 코드 숨김 파일의 이름은 Window1.xaml.cs가 됩니다.

[!참고]

Silverlight 1.0 프로젝트에서 코드 숨김 파일에 사용되는 언어는 JavaScript입니다. 자세한 내용은 Silverlight 1.0 빠른 시작를 참조하십시오.

코드 숨김 파일의 유무에 관계없이 XAML 문서를 만드는 방법에 대한 자세한 내용은 이 사용자 가이드의 새 문서 또는 프로젝트 만들기 항목을 참조하십시오.

프로젝트를 빌드하면 WPF 파서가 해당 프로젝트의 .xaml 파일을 읽고 모든 결과 오류를 보고합니다. 마찬가지로 Expression Blend에서 기존 프로젝트를 열면 XAML 파서가 프로젝트 폴더에 있는 .xaml 파일을 읽고 요소를 구문 분석하여 디자인 보기의 아트보드에 문서를 표시합니다. 두 경우 모두 파서가 오류를 발견하면 아트보드가 비활성화되고 Expression Blend에 오류 메시지가 표시됩니다. 이때 XAML 보기를 열어 오류를 해결할 수 있도록 링크가 함께 표시됩니다. 구문 분석 오류는 결과 패널의 오류 탭에서도 보고됩니다. 자세한 내용은 이 사용자 가이드의 XAML 편집, 오류 처리 및 Expression Blend 응용 프로그램 디버깅 항목을 참조하십시오. 개별 컨트롤의 구문에 대한 자세한 내용은 MSDN의 컨트롤 라이브러리를 참조하거나 클래스 라이브러리(WPF) 참조 페이지에서 XAML 요소를 검색해서 참조하십시오.

맨 위로 이동