UWP 개발, SimpleDataGrid 앱 개발하기

UWP(Universal Windows Platform)는 Windows 10 및 그 이후 버전에서 사용할 수 있는 애플리케이션을 개발하는 플랫폼입니다. UWP를 사용하면 다양한 Windows 디바이스에서 실행할 수 있는 하나의 애플리케이션을 만들 수 있습니다. 이 글에서는 UWP를 활용하여 SimpleDataGrid 애플리케이션을 개발하는 방법에 대해 자세히 알아보겠습니다.

1. UWP 개발 환경 설정

UWP 애플리케이션 개발을 위해서는 적절한 개발 환경이 필요합니다. 다음의 단계를 따라 개발 환경을 설정할 수 있습니다.

  • Visual Studio 설치: UWP 개발을 위해 Visual Studio를 설치해야 합니다. Visual Studio 2019 이상 버전을 추천합니다. 설치 시 “UWP 개발” 워크로드를 선택합니다.
  • Windows 10 SDK: Visual Studio 설치 중 Windows 10 SDK가 자동으로 설치됩니다. SDK는 UWP 애플리케이션을 개발하는 데 필요한 라이브러리와 도구들을 포함하고 있습니다.

2. SimpleDataGrid 애플리케이션 개요

SimpleDataGrid 앱은 사용자가 데이터를 입력하고, 이 데이터를 리스트 형태로 표시하는 애플리케이션입니다. 본 앱의 주요 기능은 다음과 같습니다:

  • 사용자로부터 데이터를 입력받기 위한 UI 제공
  • 입력한 데이터를 DataGrid에 표시
  • 사용자가 추가한 데이터 삭제 기능

3. 프로젝트 생성하기

먼저 Visual Studio에서 새로운 UWP 프로젝트를 생성해 보겠습니다. 다음 단계를 따릅니다:

  1. Visual Studio를 열고, “새 프로젝트”를 선택합니다.
  2. “빈 프로젝트”를 선택한 후, 프로젝트 이름을 “SimpleDataGrid”로 입력하고, 저장할 경로를 선택합니다.
  3. UWP 플랫폼이 기본적으로 선택된 상태에서 “설치”를 클릭합니다.

4. XAML을 사용한 UI 디자인

프로젝트가 생성되었다면, MainPage.xaml 파일을 열어 UI를 디자인합니다. 아래는 간단한 DataGrid와 버튼을 포함하는 XAML 코드입니다.

5. C# 코드 작성

이제 C#을 이용하여 버튼 클릭 이벤트와 DataGrid의 데이터 모델을 작성해보겠습니다. 앱의 데이터 모델을 간단히 정의합니다.


public class DataItem
{
    public string InputData { get; set; }
}

그 다음 MainPage.xaml.cs 파일에서 다음과 같이 코드를 작성합니다:


using System.Collections.ObjectModel;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace SimpleDataGrid
{
    public sealed partial class MainPage : Page
    {
        private ObservableCollection dataItems;

        public MainPage()
        {
            this.InitializeComponent();
            dataItems = new ObservableCollection();
            DataGrid.ItemsSource = dataItems;
        }

        private void OnAddButtonClick(object sender, RoutedEventArgs e)
        {
            var newItem = new DataItem { InputData = InputTextBox.Text };
            dataItems.Add(newItem);
            InputTextBox.Text = string.Empty;
        }

        private void OnDeleteButtonClick(object sender, RoutedEventArgs e)
        {
            var button = sender as Button;
            var item = button.DataContext as DataItem;
            dataItems.Remove(item);
        }
    }
}

6. 앱 실행 및 테스트

코드를 작성한 후, F5를 눌러 애플리케이션을 실행해봅니다. 애플리케이션이 실행되면 입력란에 데이터를 입력하고 “추가” 버튼을 클릭하여 DataGrid에 데이터를 추가할 수 있습니다. 각 데이터 항목 오른쪽에 있는 “삭제” 버튼을 클릭하면 해당 항목이 리스트에서 삭제됩니다.

7. 결론

이번 강좌에서는 UWP를 사용하여 SimpleDataGrid 애플리케이션을 개발하는 과정을 살펴보았습니다. 이 애플리케이션은 기본적인 데이터 입력 및 관리 기능을 제공하며, UWP의 데이터바인딩 및 이벤트 처리에 대한 이해를 돕는 좋은 예제입니다. 더 나아가 복잡한 데이터 모델, 데이터베이스 연결 등 다양한 기능을 추가하여 실제 응용 프로그램을 확장할 수 있습니다.

8. 참고 자료

이러한 간단한 데이터 그리드 앱을 통해 UWP 개발의 기초를 배우고, 추가적인 기능을 구현하는 방법을 익히는 데 도움이 되기를 바랍니다.