[WPF] xml와 xaml의 차이

XML과 XAML의 차이

XML (Extensible Markup Language)과 XAML (Extensible Application Markup Language)은 모두 태그 기반의 마크업 언어로, 문서의 구조를 정의하기 위해 사용됩니다. 그러나 둘 사이에는 몇 가지 주요 차이점이 있습니다.

1. 용도:
   • XML: 범용 마크업 언어로 다양한 데이터 구조를 표현하고 저장하는 데 사용됩니다. XML은 웹, 구성 파일, 데이터 교환 등 여러 분야에서 활용됩니다.
   • XAML: 주로 WPF, UWP, Xamarin.Forms 등에서 사용자 인터페이스(UI)를 정의하는 데 사용됩니다. XML의 특성을 기반으로 하지만, UI 요소와 속성을 정의하는 데 최적화되어 있습니다.
2. 기능:
   • XML: 단순한 데이터 구조를 정의하며, 태그 안에 사용자 정의 속성을 자유롭게 사용할 수 있습니다.
   • XAML: UI 요소와 객체를 생성하고 속성 및 이벤트를 설정하는 데 사용됩니다. XAML은 선언적으로 UI를 생성할 수 있어 코드-비하인드 파일(C#)과 함께 동작합니다.
3. 구문 및 사용법:
   • XML: 일반적으로 데이터 전송, 구성 파일 등을 표현합니다.
   • XAML: WPF나 UWP에서 UI를 구성하는 태그 기반 언어로, 이벤트 및 데이터 바인딩을 정의할 수 있습니다.

예시

XML과 XAML의 구문을 비교하며 각각의 활용 예시를 보여드리겠습니다.

1. XML 예시 (단순 데이터 표현)

<Employees>
    <Employee>
        <Name>John Doe</Name>
        <Position>Developer</Position>
        <Department>IT</Department>
    </Employee>
    <Employee>
        <Name>Jane Smith</Name>
        <Position>Designer</Position>
        <Department>Creative</Department>
    </Employee>
</Employees>

설명: 이 XML 예시는 직원 정보를 구조화된 형태로 표현합니다. 태그 안에 데이터 요소를 정의하고, 데이터 계층 구조를 유지합니다.

2. XAML 예시 (WPF UI 정의)

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="XAML Example" Height="200" Width="400">
    <Grid>
        <StackPanel>
            <TextBlock Text="Welcome to WPF!" FontSize="20" Margin="10"/>
            <Button Content="Click Me" Width="100" Margin="10" Click="OnButtonClick"/>
        </StackPanel>
    </Grid>
</Window>

설명: 이 XAML 예시는 WPF 애플리케이션의 창을 정의하고, TextBlock과 Button UI 요소를 포함한 간단한 UI 레이아웃을 구성합니다. 버튼 클릭 이벤트는 코드-비하인드 파일에서 처리됩니다.

활용 예시 설명

• XML의 활용 예시: XML은 구성 파일, 데이터 전송 포맷(예: RSS 피드, SOAP 메시지), 데이터베이스 백업 파일 등에서 자주 사용됩니다.
• XAML의 활용 예시: XAML은 WPF 애플리케이션의 창, 페이지, 사용자 정의 컨트롤을 구성하고 UI 요소의 속성과 이벤트를 설정하는 데 사용됩니다.

XAML 코드-비하인드 예시

XAML에서 버튼 클릭 이벤트를 처리하는 코드-비하인드 파일은 다음과 같이 작성됩니다.

3. MainWindow.xaml.cs

using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void OnButtonClick(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Button clicked!");
        }
    }
}

실행 결과

설명: 코드-비하인드 파일은 XAML과 함께 동작하여 이벤트 처리를 포함한 로직을 작성할 수 있습니다.

요약

• XML은 범용 데이터 표현을 위한 마크업 언어이며, XAML은 UI 정의 및 요소 생성을 위한 XML 기반 마크업 언어입니다.
• XML은 데이터를 구조화하여 저장하고 전송하는 데 주로 사용되며, XAML은 WPF, UWP 등에서 UI를 선언적으로 정의하는 데 사용됩니다.