Windows 앱 개발 시작

Windows 앱 개발에 오신 것을 환영합니다. 이 가이드에서는 최신 Windows 개발 프레임워크인 Windows 앱 SDK 및 WinUI를 사용하여 앱을 만드는 데 필요한 단계를 안내합니다. Windows 개발에 대해 자세히 알아보는 데 도움이 되는 리소스도 알려줍니다. Windows용 앱을 개발하는 것이 편하지만 최신 도구에 대해 자세히 알고 싶다면 Windows 데스크톱 앱 개발을 참조하세요.

팁

Windows 앱 작성을 시작하는 방법에 대한 질문이 있는 경우 Microsoft Copilot는 유용한 리소스입니다.

1. 개발자 모드 사용

Windows에는 작업 중인 앱을 실행할 수 있도록 보안 설정을 조정하는 개발자를 위한 특수 모드가 있습니다. Visual Studio를 사용하여 앱을 빌드, 배포 및 테스트하려면 개발자 모드를 사용하도록 설정해야 합니다.

팁

지금 사용하도록 설정하지 않으면 Visual Studio에서 앱을 빌드 하려고 할 때 사용하도록 설정하라는 메시지가 표시됩니다.

개발자 모드를 사용하도록 설정하려면:

• Windows 설정을 열고 개발자용 시스템 > 페이지로 이동합니다.
• 개발자 모드 스위치를 켜 기로 전환하고 확인 대화 상자에서 선택 사항을 확인합니다.

개발자 모드에 대한 자세한 내용은 개발을 위해 디바이스 사용을 참조하세요.

2. Visual Studio 설치

Microsoft의 포괄적인 IDE(통합 개발 환경)인 Visual Studio를 사용하여 WinUI 앱을 만듭니다. 많은 Windows 개발자가 선호하는 개발 도구이며 앱을 작성, 디버그 및 배포하는 데 도움이 됩니다. Visual Studio의 프로젝트 템플릿을 사용하면 Windows 및 기타 여러 플랫폼에 대한 프로젝트를 빠르게 시작할 수 있습니다.

팁

이러한 도구를 설치하기 전에 개발 컴퓨터가 Windows 앱 개발을 위한 시스템 요구 사항을 충족하는지 확인합니다.

아래 링크를 사용하여 최신 Visual Studio를 다운로드하고 설치합니다. 설치 관리자는 단계를 안내하지만 자세한 지침이 필요한 경우 Visual Studio 설치를 참조하세요.

Visual Studio 다운로드

무료 Visual Studio Community Edition에는 앱을 만드는 데 필요한 모든 것이 포함되어 있습니다. 개발 팀 또는 엔터프라이즈와 함께 작업하는 경우 Visual Studio Professional 또는 Visual Studio Enterprise가 필요할 수 있습니다. 자세한 내용은 Visual Studio란?

2.2 필수 워크로드 및 구성 요소

Visual Studio를 설치하는 동안 WinUI 및 Windows 앱 SDK 사용하여 개발하는 데 필요한 워크로드 및 구성 요소를 설치해야 합니다. 설치 후 Visual Studio 설치 관리자 앱을 열고 수정 을 선택하여 워크로드 및 구성 요소를 추가할 수 있습니다.

Visual Studio 설치 관리자 앱의 워크로드 탭에서 다음 워크로드 및 구성 요소를 선택합니다.

Visual Studio 2022 버전 17.10 이상

• Windows 앱 SDK를 사용한 C# 앱 개발의 경우 WinUI 애플리케이션 개발을 선택합니다.

• Windows 앱 SDK를 사용한 C++ 앱 개발의 경우 WinUI 애플리케이션 개발을 선택합니다.
  • 그런 다음 설치 세부 정보 창의 WinUI 애플리케이션 개발 노드 아래에서 C++ WinUI 앱 개발 도구를 선택합니다. (필요한 추가 구성 요소도 선택됩니다.)

비고

Visual Studio 17.10 - 17.12에서 이 워크로드는 Windows 애플리케이션 개발이라고 합니다.

Visual Studio 2022 버전 17.1 - 17.9

• Windows 앱 SDK를 사용한 C# 앱 개발의 경우 .NET 데스크톱 개발을 선택합니다.
  • 그런 다음 설치 대화 상자의 설치 세부 정보 창에서 Windows 앱 SDK C# 템플릿 을 선택합니다(목록 아래쪽 근처).
• Windows 앱 SDK를 사용한 C++ 앱 개발의 경우 C++를 사용하여 데스크톱 개발을 선택합니다.
  • 그런 다음 설치 대화 상자의 설치 세부 정보 창에서 목록 맨 아래에 있는 Windows 앱 SDK C++ 템플릿 을 선택합니다.
  • 설치 대화 상자의 개별 구성 요소 탭에 있는 SDK, 라이브러리 및 프레임워크 섹션에서 최신 Windows SDK가 선택되어 있는지 확인합니다. Windows 11 SDK(10.0.22621.0)와 같습니다. 검색 상자에 "Windows SDK"를 입력하여 쉽게 찾을 수 있습니다.

3. 첫 번째 WinUI 앱 만들기 및 실행

Visual Studio 프로젝트 템플릿에는 앱을 빠르게 만드는 데 필요한 모든 파일이 포함됩니다. 실제로 WinUI 앱 템플릿에서 프로젝트를 만든 후에는 실행할 수 있고, 코드를 추가할 수도 있는 앱을 갖게 될 것입니다.

WinUI C# 비어있는 앱 프로젝트 템플릿을 사용하여 새 프로젝트를 만듭니다.

1. Visual Studio를 열고 시작 페이지에서 새 프로젝트 만들기 를 선택합니다. (Visual Studio가 편집기에서 이미 열려 있는 경우 파일을> 선택합니다.새로운>프로젝트:

2. WinUI에서 검색하고 WinUI Blank App (Packaged) C# 프로젝트 템플릿을 선택한 후, 다음을 클릭합니다:

3. 프로젝트 이름을 지정한 다음 만들기를 클릭합니다. 필요에 따라 솔루션 이름 및 디렉터리를 지정하거나 기본값을 그대로 둘 수 있습니다. 이미지의 Hello World 프로젝트는 Hello World 솔루션에 속하며, 이 솔루션은 C:\Projects\에 위치합니다:

   비고

   이 프로젝트를 사용하여 다음 단계 섹션에서 전체 앱을 빌드하려면 프로젝트 WinUINotes이름을 지정합니다.

4. 디버깅 "시작" 단추를 클릭하여 프로젝트를 빌드 및 실행합니다.
   
   프로젝트가 빌드되고, 로컬 컴퓨터에 배포되고, 디버그 모드에서 실행됩니다.
   

5. 디버깅을 중지하려면 앱 창을 닫거나 Visual Studio에서 디버그 "중지" 단추를 클릭합니다.

4. 샘플 코드 삭제

프로젝트 템플릿에 포함된 클래스에는 MainWindow 콘텐츠를 위한 공간을 확보하기 위해 제거해야 하는 몇 가지 샘플 코드가 포함되어 있습니다.

1. MainWindow.xaml 두 번 클릭하여 엽니다. StackPanel 컨트롤에 대한 XAML 마크업을 확인해야 합니다.

2. 에 대한 XAML을 삭제합니다 StackPanel. (앱을 만들 때 자체 콘텐츠를 해당 위치에 추가합니다.)

   <!-- ↓ Delete this. ↓ -->
   <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
       <Button x:Name="myButton" Click="myButton_Click">Click Me</Button>
   </StackPanel>
   

   지금 앱을 실행하려고 하면 Visual Studio에서 대략 The name 'myButton' does not exist in the current context과 같은 오류가 발생합니다. 이는 Button로 명명된 컨트롤을 myButton에서 삭제했지만, MainPage.xaml.cs 코드 숨김 파일에서 여전히 참조되고 있기 때문입니다. 코드 파일에서도 참조를 삭제합니다.

3. MainWindow.xaml.cs 두 번 클릭하여 엽니다.

4. myButton_Click 이벤트 처리기를 삭제합니다.

   public sealed partial class MainWindow : Window
   {
       public MainWindow()
       {
           this.InitializeComponent();
       }
   
       // ↓ Delete this. ↓
       private void myButton_Click(object sender, RoutedEventArgs e)
       {
           myButton.Content = "Clicked";
       }
       // End delete.
   }
   

5. Ctrl + Shift + S를 누르거나 도구 모음에서 모두 저장 아이콘을 클릭하거나 파일모두 저장 메뉴를 선택하여 > 저장합니다.

5. 최신 WinUI/Windows 앱 SDK로 업데이트

Windows 앱 SDK(및 그 일부인 WinUI)는 NuGet 패키지로 배포됩니다. 즉, 업데이트가 Windows 및 Visual Studio와 반드시 동기화되는 것은 아닙니다. 따라서 프로젝트를 만드는 데 사용한 Visual Studio 템플릿이 최신 Windows 앱 SDK NuGet 패키지를 참조하지 않을 수 있습니다. 최신 기능 및 수정 사항이 있는지 확인하려면 Visual Studio에서 새 프로젝트를 만들 때마다 NuGet 패키지를 업데이트해야 합니다.

프로젝트에 대한 Windows 앱 SDK NuGet 패키지를 업데이트하려면 다음을 수행합니다.

• Visual Studio에서 프로젝트가 로드된 상태에서 도구>NuGet 패키지 관리자>솔루션용 NuGet 패키지 관리...를 선택합니다.
• 업데이트를 사용할 수 있는 경우 업데이트 페이지에 표시됩니다. 나열된 업데이트 옆에 있는 확인란을 선택합니다. (시험판 업데이트를 포함하려면 "시험판 포함" 옵션을 선택합니다. 업데이트에 포함된 항목에 대한 자세한 내용은 릴리스 정보를 참조하세요.)
• 업데이트 단추를 클릭한 다음 변경 내용 미리 보기 대화 상자에서 적용을 클릭한 다음 사용 조건에 동의하여 업데이트 설치를 완료합니다.

이제 프로젝트에서 사용 가능한 최신 WinUI 기능을 사용하고 있으며 직접 만들 준비가 되었습니다.

다음 단계

WinUI를 사용하여 메모 앱을 만드는 자습서 완료

• WinUI에서 제공해야 하는 사항을 파악하려면 WinUI 갤러리 앱을 검사.

  WinUI 3 갤러리 앱에는 대부분의 WinUI 3 컨트롤, 기능 및 기능의 대화형 예제가 포함되어 있습니다. Microsoft Store에서 앱을 가져오거나 GitHub에서 소스 코드를 가져옵니다.

• WinUI 기본 사항에 대해 자세히 알아봅니다.
• Fluent Design 원칙을 탐구합니다.
• 앱을 보다 효율적으로 개발하는 데 도움이 되는 샘플 및 도구를 찾습니다.