첫 번째 Xamarin.Forms 앱 빌드Build your first Xamarin.Forms App

이 비디오를 보고 따라서 Xamarin.Forms로 첫 번째 모바일 앱을 만듭니다.Watch this video and follow along to create your first mobile app with Xamarin.Forms.

Windows용 단계별 지침Step-by-step instructions for Windows

샘플 다운로드 샘플 다운로드Download Sample Download the sample

위의 비디오와 함께 다음 단계를 수행합니다.Follow these steps along with the video above:

  1. 선택 파일 > 새로 만들기 > 프로젝트... 누르거나는 새 프로젝트 만들기... 단추:Choose File > New > Project... or press the Create new project... button:

    새 프로젝트 만들기Create a new project

  2. "Xamarin"를 검색 하거나 선택 Mobile 에서 합니다 프로젝트 형식을 메뉴.Search for "Xamarin" or choose Mobile from the Project type menu. 선택 된 모바일 앱 (Xamarin.Forms) 프로젝트 형식:Select the Mobile App (Xamarin.Forms) project type:

    Xamarin 프로젝트에 대 한 필터Filter for Xamarin projects

  3. 프로젝트 이름을 선택 – 이 예제에서는 "AwesomeApp"를 사용 합니다.Choose a project name – the example uses "AwesomeApp":

    프로젝트 이름을 선택 합니다.Choose a project name

  4. 클릭 합니다 프로젝트 형식 및 확인 AndroidiOS 선택:Click on the Blank project type and ensure Android and iOS are selected:

    .NET Standard가 포함된 Android 및 iOSAndroid and iOS, with .NET Standard

  5. NuGet 패키지가 복원될 때까지 기다립니다(상태 표시줄에 "복원 완료" 메시지가 표시됨).Wait until the NuGet packages are restored (a "Restore completed" message will appear in the status bar).

  6. 디버그 단추(또는 디버그 > 디버깅 시작 메뉴 항목)를 눌러 Android 에뮬레이터를 시작합니다.Launch Android emulator by pressing the debug button (or the Debug > Start Debugging menu item).

  7. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.Edit MainPage.xaml, adding this XAML before the end of the </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  8. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.Edit MainPage.xaml.cs, adding this code to the end of the class:

    int count = 0;
    void Button_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  9. Android에서 앱을 디버그합니다.Debug the app on Android:

    Android 앱

    네트워크로 연결된 Mac 컴퓨터를 사용하여 Visual Studio에서 iOS 앱을 빌드하고 디버그할 수 있습니다.It is possible to build and debug the iOS app from Visual Studio with a networked Mac computer. 자세한 내용은 설치 지침을 참조하세요.Refer to the setup instructions for more information.

Visual Studio 2019에서 iOS 앱 빌드Build an iOS app in Visual Studio 2019

이 비디오는 구축 하 고 Windows에서 Visual Studio 2019를 사용 하 여 iOS 앱을 테스트 프로세스를 설명 합니다.This video covers the process of building and testing an iOS app using Visual Studio 2019 on Windows:

Windows용 단계별 지침Step-by-step instructions for Windows

샘플 다운로드 샘플 다운로드Download Sample Download the sample

위의 비디오와 함께 다음 단계를 수행합니다.Follow these steps along with the video above:

  1. 파일 > 새로 만들기 > 프로젝트... 를 선택하거나 새 프로젝트 만들기... 단추를 누른 다음, Visual C# > Cross-Platform > 모바일 앱(Xamarin.Forms) 를 선택합니다.Choose File > New > Project... or press the Create new project... button, then select Visual C# > Cross-Platform > Mobile App (Xamarin.Forms):

    모바일 앱(Xamarin.Forms)Mobile App (Xamarin.Forms)

  2. .NET Standard 코드 공유와 함께 AndroidiOS가 선택되었는지 확인합니다.Ensure Android and iOS are selected, with .NET Standard code sharing:

    .NET Standard가 포함된 Android 및 iOSAndroid and iOS, with .NET Standard

  3. NuGet 패키지가 복원될 때까지 기다립니다(상태 표시줄에 "복원 완료" 메시지가 표시됨).Wait until the NuGet packages are restored (a "Restore completed" message will appear in the status bar).

  4. 디버그 단추(또는 디버그 > 디버깅 시작 메뉴 항목)를 눌러 Android 에뮬레이터를 시작합니다.Launch Android emulator by pressing the debug button (or the Debug > Start Debugging menu item).

  5. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.Edit MainPage.xaml, adding this XAML before the end of the </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  6. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.Edit MainPage.xaml.cs, adding this code to the end of the class:

    int count = 0;
    void Button_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  7. Android에서 앱을 디버그합니다.Debug the app on Android:

    Android 앱

    네트워크로 연결된 Mac 컴퓨터를 사용하여 Visual Studio에서 iOS 앱을 빌드하고 디버그할 수 있습니다.It is possible to build and debug the iOS app from Visual Studio with a networked Mac computer. 자세한 내용은 설치 지침을 참조하세요.Refer to the setup instructions for more information.

Mac용 단계별 지침Step-by-step instructions for Mac

샘플 다운로드 샘플 다운로드Download Sample Download the sample

위의 비디오와 함께 다음 단계를 수행합니다.Follow these steps along with the video above:

  1. 파일 > 새 솔루션... 을 선택하거나 새 프로젝트... 단추를 누른 다음, 멀티 플랫폼 > 앱 > 빈 Forms 앱을 선택합니다.Choose File > New Solution... or press the New Project... button, then select Multiplatform > App > Blank Forms App:

    빈 Forms 앱Blank Forms App

  2. .NET Standard 공유가 포함된 AndroidiOS가 선택되었는지 확인합니다.Ensure Android and iOS are selected, with .NET Standard code sharing:

    .NET Standard가 포함된 Android 및 iOSAndroid and iOS, with .NET Standard

  3. 솔루션을 마우스 오른쪽 단추로 클릭하여 NuGet 패키지를 복원합니다.Restore NuGet packages, by right-clicking on the solution:

    Android 앱

  4. 디버그 단추(또는 실행 > 디버깅 시작)를 눌러 Android 에뮬레이터를 시작합니다.Launch Android emulator by pressing the debug button (or Run > Start Debugging).

  5. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.Edit MainPage.xaml, adding this XAML before the end of the </StackLayout>:

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  6. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.Edit MainPage.xaml.cs, adding this code to the end of the class:

    int count = 0;
    void Handle_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  7. Android에서 앱을 디버그합니다.Debug the app on Android:

    Android 앱

  8. 마우스 오른쪽 단추를 클릭하여 iOS를 시작 프로젝트로 설정합니다.Right-click to set iOS to the Startup Project:

    시작 프로젝트를 iOS로 설정Set the startup project to iOS

  9. iOS에서 앱을 디버그합니다.Debug the app on iOS:

    iOS 앱

완료된 코드는 샘플 갤러리에서 다운로드하거나 GitHub에서 볼 수 있습니다.You can download the completed code from the samples gallery or view it on GitHub.

다음 단계Next Steps