Hello, WPF!

모든 프로그래밍 튜토리얼에서 사용하는 가장 고전적인 첫 번째 예제는 "Hello, world!" 예제입니다. 이 튜토리얼에서는 더 열중하여 "Hello, WPF!"로 변형하겠습니다. 이번 장의 목적은 스크린에 텍스트를 띄워 WPF를 시작하는 게 얼마나 쉬운지 확인하는 것 입니다.

다음의 튜토리얼은 주로 선호하는 Visual Studio, Visual Studio Community를 설치한 것을 전제로 합니다(전 장에서 설치에 대한 지시사항을 확인할 수 있습니다). 만약 다른 IDE를 사용할 경우, 해당 IDE에 맞는 지시사항을 따라야 합니다.

Visual Studio는 File에 New project로 시작합니다. 왼쪽에 3가지 카테고리 트리가 있습니다. 이 튜토리얼은 C#을 기반으로 하기 때문에 어떤 코드가 포함되어 있든 간에 템플릿 리스트에서 C#을 선택합니다. Windows 응용프로그램을 제작할 것이므로 트리에서 Windows를 선택합니다. 가능한 Windows 응용프로그램 타입 리스트가 오른쪽에 나타나면 WPF Application을 선택합니다. Name 텍스트 필드에 "HelloWPF"라는 프로젝트 이름을 기입합니다. 대화상자 하단에 있는 세팅 항목들이 맞는지 확인하고 Ok 버튼을 클릭합니다.

새롭게 생성된 프로젝트는 몇 가지 파일을 포합합니다. 지금부터 우리는 그 중 MainWindox.xaml을 중점적으로 볼 것 입니다. 응용프로그램이 시작되면, 특별히 개발자가 변형하지 않는 한에서 응용프로그램의 기본 윈도우가 첫 번째로 나타납니다. 이 안의 XAML(XAML은 이 튜토리얼의 다른 챕터에서 자세히 다루도록 하겠습니다) 코드는 다음과 같습니다.

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

이 코드는 윈도우를 위해서 Visual Studio가 기본적으로 생성한 XAML 코드입니다. XAML과 "The Window" 챕터에서 이 코드의 모든 영역을 설명합니다. 응용프로그램을 실행(Debug -> Start debugging을 선택하거나 F5 키를 누룹니다)시키면 빈 윈도우를 확인할 수 있습니다. 이 윈도우는 응용프로그램의 한 구성요소입니다. 지금부터 스크린에 메시지를 띄워보도록 하겠습니다.

앞에서 언급한 메시지를 내용으로 한 TextBlock 컨트롤을 Grid 패널에 추가할 것입니다.

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="72">
            Hello, WPF!
        </TextBlock>
    </Grid>
</Window>

응용프로그램을 실행(Debug -> Start debugging을 선택하거나 F5키를 누룹니다)시켜서 당신의 노고가 담긴 아름다운 결과물 - 당신의 첫 번째 WPF 응용프로그램을 확인하겠습니다 :

TextBlock에서 세 가지 속성을 정의한 것을 확인할 수 있습니다. 정렬 방법(윈도우의 정 가운데)을 정의하고 텍스트를 확대하기 위해 FontSize를 정의하였습니다. 이와 관련된 모든 개념들은 다음 장에서 다룰 것입니다.

지금까지 따라온 것을 축하합니다! 이제 남은 튜토리얼을 읽고 곧 WPF를 마스터 할 수 있습니다!