첫 번째 Xamarin.Forms 앱 빌드

Windows용 단계별 지침

샘플 다운로드 샘플 다운로드

위의 비디오와 함께 다음 단계를 수행합니다.

  1. 새 > 프로젝트 파일을 > 선택하거나 새 프로젝트 만들기... 단추를 누릅니다.

  2. “Xamarin”을 검색하거나 프로젝트 형식 메뉴에서 모바일을 선택하세요. 모바일 앱(Xamarin.Forms) 프로젝트 유형을 선택합니다.

  3. 프로젝트 이름을 선택합니다. 이 예제에서는 "AwesomeApp"을 사용합니다.

  4. 프로젝트 형식을 클릭하고 AndroidiOS가 선택되어 있는지 확인합니다.

    Android 및 iOS 빈 앱

  5. NuGet 패키지가 복원될 때까지 기다립니다(상태 표시줄에 "복원 완료" 메시지가 표시됨).

  6. 새 Visual Studio 2022 설치에는 Android SDK가 설치되지 않습니다. 최신 Android SDK를 설치하라는 메시지가 표시될 수 있습니다.

    Android SDK 설치

  7. 새 Visual Studio 2022 설치에는 Android 에뮬레이터가 구성되지 않습니다. 디버그 단추에서 드롭다운 화살표를 클릭하고 Android Emulator 만들기를 선택하여 에뮬레이터 만들기 화면을 시작합니다.

    Android Emulator 드롭다운 만들기

  8. 에뮬레이터 만들기 화면에서 기본 설정을 사용하고 만들기 단추를 클릭합니다.

    Android 에뮬레이터 만들기 화면

  9. 에뮬레이터를 만들면 디바이스 관리자 창이 반환됩니다. 시작 단추를 클릭하여 새 에뮬레이터를 시작합니다.

    장치 관리자 Android 에뮬레이터

  10. 이제 Visual Studio 2022에서 디버그 단추에 새 에뮬레이터의 이름이 표시됩니다.

    디버그 단추의 Android 에뮬레이터 이름

  11. 디버그 단추를 클릭하여 애플리케이션을 Android Emulator에 빌드 및 배포합니다.

    애플리케이션을 표시하는 Android 에뮬레이터

애플리케이션 사용자 지정

대화형 기능을 추가하도록 애플리케이션을 사용자 정의할 수 있습니다. 애플리케이션에 사용자 상호 작용을 추가하려면 다음 단계를 수행합니다.

  1. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.

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

    단추가 있는 Android 앱

Visual Studio 2022에서 iOS 앱 빌드

네트워크로 연결된 Mac 컴퓨터를 사용하여 Visual Studio에서 iOS 앱을 빌드하고 디버그할 수 있습니다. 자세한 내용은 설치 지침을 참조하세요.

Windows용 단계별 지침

샘플 다운로드 샘플 다운로드

위의 비디오와 함께 다음 단계를 수행합니다.

  1. 일 > 새로 만들기 > 프로젝트...를 선택하거나 새 프로젝트 만들기... 단추를 누릅니다.

    새 프로젝트 만들기

  2. “Xamarin”을 검색하거나 프로젝트 형식 메뉴에서 모바일을 선택하세요. 모바일 앱(Xamarin.Forms) 프로젝트 형식을 선택하세요.

    Xamarin 프로젝트 필터링

  3. 프로젝트 이름을 선택합니다(예제에서는 "AwesomeApp" 사용).

    프로젝트 이름 선택

  4. 프로젝트 형식을 클릭하고 AndroidiOS가 선택되어 있는지 확인합니다.

    .NET Standard를 사용한 Android 및 iOS

  5. NuGet 패키지가 복원될 때까지 기다립니다(상태 표시줄에 "복원 완료" 메시지가 표시됨).

  6. 새 Visual Studio 2019 설치에는 Android Emulator가 구성되어 있지 않습니다. 디버그 단추에서 드롭다운 화살표를 클릭하고 Android Emulator 만들기를 선택하여 에뮬레이터 만들기 화면을 시작합니다.

    Android Emulator 드롭다운 만들기

  7. 에뮬레이터 만들기 화면에서 기본 설정을 사용하고 만들기 단추를 클릭합니다.

    Android 에뮬레이터 만들기 화면

  8. 에뮬레이터를 만들면 디바이스 관리자 창이 반환됩니다. 시작 단추를 클릭하여 새 에뮬레이터를 시작합니다.

    장치 관리자 Android 에뮬레이터

  9. 이제 Visual Studio 2019는 디버그 단추에 새 에뮬레이터의 이름을 표시합니다.

    디버그 단추의 Android 에뮬레이터 이름

  10. 디버그 단추를 클릭하여 애플리케이션을 Android Emulator에 빌드 및 배포합니다.

    애플리케이션을 표시하는 Android 에뮬레이터

애플리케이션 사용자 지정

대화형 기능을 추가하도록 애플리케이션을 사용자 정의할 수 있습니다. 애플리케이션에 사용자 상호 작용을 추가하려면 다음 단계를 수행합니다.

  1. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.

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

    Android 앱

참고

애플리케이션 예제에는 비디오에서 다루지 않는 추가 대화형 기능이 포함되어 있습니다.

Visual Studio 2019에서 iOS 앱 빌드

네트워크로 연결된 Mac 컴퓨터를 사용하여 Visual Studio에서 iOS 앱을 빌드하고 디버그할 수 있습니다. 자세한 내용은 설치 지침을 참조하세요.

이 비디오에서는 Windows에서 Visual Studio 2019를 사용하여 iOS 앱을 빌드 및 테스트하는 과정을 다룹니다.

Mac용 단계별 지침

샘플 다운로드 샘플 다운로드

위의 비디오와 함께 다음 단계를 수행합니다.

  1. 파일 > 새 솔루션...을 선택하거나 새 프로젝트... 단추를 누른 다음 멀티 플랫폼 > 앱 > 빈 Forms 앱을 선택합니다.

    빈 양식 앱

  2. AndroidiOS가 선택되어 있는지 확인합니다.

    .NET Standard를 사용한 Android 및 iOS

참고

앱 이름 및 조직 식별자에는 A-Z, a-z, ‘_’, '.', 숫자만 사용할 있습니다.

  1. 솔루션을 마우스 오른쪽 단추로 클릭하여 NuGet 패키지를 복원합니다.

    솔루션의 상황에 맞는 메뉴에서 선택된 NuGet 패키지 복원을 보여 주는 스크린샷

  2. 디버그 단추(또는 실행 > 디버깅 시작)를 눌러 Android 에뮬레이터를 시작합니다.

  3. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  4. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.

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

    Android Emulator를 보여 주는 스크린샷

  6. 마우스 오른쪽 단추를 클릭하여 iOS를 시작 프로젝트로 설정합니다.

    시작 프로젝트를 iOS로 설정

  7. 드롭다운에서 iOS 시뮬레이터를 선택하여 iOS에서 앱을 디버그합니다.

Mac용 단계별 지침

샘플 다운로드 샘플 다운로드

위의 비디오와 함께 다음 단계를 수행합니다.

  1. 파일 > 새 솔루션...을 선택하거나 새 프로젝트... 단추를 누른 다음 멀티 플랫폼 > 앱 > 빈 Forms 앱을 선택합니다.

    빈 양식 앱

  2. .NET Standard 공유가 포함된 AndroidiOS가 선택되었는지 확인합니다.

    .NET Standard를 사용한 Android 및 iOS

참고

앱 이름 및 조직 식별자에는 A-Z, a-z, ‘_’, '.', 숫자만 사용할 있습니다.

  1. 솔루션을 마우스 오른쪽 단추로 클릭하여 NuGet 패키지를 복원합니다.

    솔루션의 상황에 맞는 메뉴에서 선택된 NuGet 패키지 복원을 보여 주는 스크린샷

  2. 디버그 단추(또는 실행 > 디버깅 시작)를 눌러 Android 에뮬레이터를 시작합니다.

  3. MainPage.xaml을 편집하여 다음 XAML을 </StackLayout>이 종료되기 전에 추가합니다.

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  4. MainPage.xaml.cs를 편집하여 다음 코드를 클래스 끝에 추가합니다.

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

    Android Emulator를 보여 주는 스크린샷

  6. 마우스 오른쪽 단추를 클릭하여 iOS를 시작 프로젝트로 설정합니다.

    시작 프로젝트를 iOS로 설정

  7. iOS에서 앱을 디버그합니다.

    iOS 앱

완료된 코드는 샘플 갤러리에서 다운로드하거나 GitHub에서 볼 수 있습니다.

다음 단계