자습서: PowerApps 앱 디자이너에서 모델 기반 앱 구성 요소를 추가 또는 편집하기 위한 자습서

이 자습서에서는 모델 기반 앱에서 구성 요소를 추가하고 제거하는 방법을 배웁니다.

모델 기반 앱은 다양한 구성 요소로 구성됩니다. 아티팩트 및 엔터티 자산이라는 두 가지 유형의 구성 요소를 앱에 추가할 수 있습니다. 앱 디자이너의 컨텍스트에서 엔터티, 대시보드 및 비즈니스 프로세스 흐름 모두 앱의 아티팩트입니다. 엔터티 자산은 양식, 보기, 차트 및 대시보드로 구성됩니다.

앱 디자이너는 기본 솔루션의 기존 메타데이터를 참조합니다. 또한 이를 사용하여 양식, 보기, 차트 및 대시보드와 같은 구성 요소를 만들 수 있습니다.

앱 디자이너 레이아웃

앱 디자이너에는 두 개의 주요 영역이 있습니다. 왼쪽에는 응용 프로그램 구성 요소를 추가하는 캔버스가 있습니다.

앱 디자이너 캔버스

오른쪽에는 구성 요소를 선택하고 구성 요소의 속성을 설정하는 데 사용할 수 있는 탭이 있습니다.

앱 디자이너 구성 요소

캔버스에서 사이트 맵, 비즈니스 프로세스 흐름, 대시보드 및 엔터티의 영역을 볼 수 있습니다. 대시보드 또는 비즈니스 프로세스 흐름을 선택하거나 사이트 맵을 구성할 때 앱 디자이너의 캔버스에 이러한 구성 요소에서 사용되는 엔터티가 자동으로 추가됩니다. 엔터티를 제 위치에 놓은 다음 각 엔터티를 선택하고 양식, 보기 및 차트와 같은 원하는 엔터티 자산을 추가하면 됩니다.

캔버스 검색을 사용하여 캔버스에서 구성 요소를 검색할 수 있습니다. 캔버스 검색을 선택하면 맨 오른쪽 창에 있는 탭의 오른쪽에 새 검색 탭이 열립니다.

캔버스 검색 옵션

응용 프로그램을 엽니다.

  1. PowerApps에 로그인합니다.

  2. 기존 모델 기반 앱을 선택하거나 새 규칙으로 시작을 선택합니다. 앱을 만드는 방법에 대한 자세한 내용은 앱 디자이너를 사용하여 모델 기반 앱 만들기 또는 편집을 참조하십시오.

아티팩트 추가(엔터티, 대시보드, 비즈니스 프로세스 흐름)

대시보드 또는 비즈니스 프로세스 흐름을 앱에 추가하면 이들이 사용하는 엔터티에서 자동으로 앱에 추가합니다. 엔터티를 추가하면 해당 자산에 대한 타일이 자동으로 추가됩니다. 두 가지 방법으로 디자이너 캔버스에 아티팩트를 추가할 수 있습니다. 명령 모음에서 추가 단추 디자이너의 추가 단추를 사용하거나 구성 요소 탭에서 타일을 사용하는 방법이 있습니다.

다음은 앱에 대시보드를 추가하는 단계입니다. 비즈니스 프로세스 흐름 또는 엔터티를 추가하려면 동일한 단계를 따릅니다.

  1. 앱 디자이너 캔버스에서 대시보드 타일을 선택합니다.

    앱 디자이너 캔버스의 맨 오른쪽 창에 기본 솔루션에서 사용할 수 있는 대시보드가 나타납니다.

    또는 다음 중 하나를 수행할 수도 있습니다.

    • 추가 디자이너의 추가 단추를 선택한 다음 대시보드를 선택합니다.
    • 구성 요소 탭에서 아티팩트 아래의 대시보드를 선택합니다.
  2. 검색 상자에서 찾고자 하는 대시보드 이름의 몇 가지 키워드를 입력합니다.

    대시보드 목록이 키워드와 일치하는 결과만 표시하도록 필터링됩니다.

  3. 사용자가 선택된 대시보드만 사용할 수 있도록 하려면 추가하고자 하는 대시보드의 확인란을 선택합니다. 다음과 같은 유형의 대시보드 중에서 선택할 수 있습니다.

    • 클래식 대시보드는 웹 앱과 통합 인터페이스 앱에 모두 표시됩니다.
    • 대화형 대시보드는 통합 인터페이스 앱에만 표시됩니다. 앱의 클라이언트 유형을 웹 앱으로 선택한 경우 대화형 대시보드 옵션이 표시되지 않습니다.

    이 대시보드는 앱 디자이너 캔버스의 대시보드 타일에 추가됩니다. 대시보드 타일에는 앱에 추가할 수 있는 대시보드의 개수 또한 표시됩니다. 대시보드를 선택하지 않으면 대시보드 개수 대신 모두가 표시되며 사용자가 앱을 사용할 때 모든 대시보드를 사용할 수 있습니다.

    대시보드가 사용하는 모든 엔터티 또한 엔터티 보기 영역에 추가됩니다. 예를 들어, 고객 서비스 관리자 대시보드를 추가한 경우, 서비스 케이스, 권한, 큐 항목 엔터티가 엔터티 보기 영역에 추가됩니다. 각 엔터티에 대해 자산에 대한 타일도 추가됩니다. 이 타일을 이용하여 양식, 보기 및 차트를 추가할 수 있습니다. 추가 정보: PowerApps 앱 디자이너에서 앱 구성 요소 추가 또는 편집

    앱 디자이너 캔버스에 엔터티 추가

  4. 원하는 대시보드가 기본 솔루션에 없는 경우 구성 요소 탭에 있는 캔버스 오른쪽의 새로 만들기를 선택하여 대시보드를 만듭니다.

    앱 디자이너의 구성 요소 탭에 새 링크 만들기

    대시보드 디자이너가 열립니다. 추가 정보: 대시보드 만들기 및 편집

    참고

  5. 아티팩트 추가를 완료하면 명령 모음에서 저장을 선택합니다.

엔터티 자산 (양식, 보기, 차트 또는 대시보드) 추가

아티팩트를 적절한 위치에 놓은 후 양식, 보기, 차트 및 대시보드와 같은 엔터티 자산을 앱에 추가할 수 있습니다. 또한 통합 인터페이스 클라이언트를 사용하는 경우 앱에 엔터티 대시보드 자산을 추가할 수도 있습니다.

이 섹션에서는 응용 프로그램에 양식을 추가하는 단계를 설명합니다. 응용 프로그램에 보기 또는 차트를 추가하려면 동일한 단계를 사용합니다.

  1. 앱 디자이너 캔버스에서 양식을 추가할 엔터티에 대한 양식 타일을 선택합니다.

    앱 디자이너 캔버스에서 엔터티의 전체 행이 선택됩니다. 오른쪽에 선택한 엔터티에 대한 모든 기존 양식이 표시됩니다.

    참고

    또는 다음 중 하나를 수행할 수도 있습니다.

    • 추가 디자이너의 추가 단추를 선택한 다음 양식을 선택합니다.
    • 구성 요소 탭에서 엔터티 자산 아래의 양식을 선택합니다.

    앱에 선택된 모든 엔터티에 대해 추가 옵션 단추(...)가 구성 요소 탭의 엔터티 선택 목록에 표시됩니다. 선택한 엔터티에 대해 모든 자산을 추가하려면 추가 옵션(...)을 선택하고 모든 자산 추가를 선택합니다.

  2. 응용 프로그램 사용자가 선택된 양식만 사용할 수 있도록 하려면 추가하고자 하는 양식의 확인란을 선택합니다. 양식은 앱에서 데이터를 표시하고 사용자가 상호 작용하는 방법을 정의합니다.

    선택한 엔터티의 양식 타일에 추가된 양식의 개수가 표시됩니다.

    서비스 케이스 엔터티에 대한 양식 타일

    예를 들어 엔터티에 대한 양식을 선택하지 않으면 해당 엔터티에 대한 모든 양식이 최종 사용자가 앱을 사용하는 동안 최종 사용자에게 표시됩니다. 보기 또는 차트를 선택하지 않은 경우 이 동작은 보기와 차트에도 유사하게 적용됩니다. 이렇게 하면 앱을 디자인하는 동안 각 구성 요소를 선택하지 않고 필요할 때 신속하게 모든 사용 가능한 구성 요소를 만들 수 있습니다.

    대시보드 또는 비즈니스 프로세스 흐름을 선택하지 않으면 사용자가 앱을 사용하는 동안 모든 대시보드 및 비즈니스 프로세스 흐름이 사용자에게 표시됩니다.

    참고

    앱을 실행하려면 추가한 각 엔터티에는 활성 양식이 하나 이상 있어야 합니다. 여러 양식을 선택한 경우 사용자가 앱을 실행할 때 기본 솔루션에 나타나는 첫 번째 활성 양식이 사용됩니다.

  3. 목록에서 지원하지 않는 새 양식을 추가하려면 새로 만들기를 선택합니다.

    드롭다운 목록에서 만들고자 하는 양식 유형을 선택합니다.

    참고

    양식을 추가할 때 드롭다운 목록을 사용할 수 있습니다. 보기 및 차트에서는 사용할 수 없습니다.

    양식 디자이너가 열립니다. 추가 정보: 양식 만들기 및 디자인

    보기 또는 차트를 추가하는 경우 해당 디자이너와 관련된 새로 만들기 옵션이 열립니다. 자세한 내용: 보기 이해시스템 차트 만들기 또는 편집

    참고

    보기를 추가할 때 솔루션 탐색기의 보기 노드 아래에 나열된 공용 보기만 참조할 수 있습니다.

  4. 아래쪽 화살표 드롭다운 아이콘를 선택하여 타일을 확장한 다음 추가된 양식 목록을 확인합니다.

    앱 디자이너에서 확장된 양식 타일

  5. 이 단계를 반복하여 응용 프로그램에 엔터티 보기 및 차트를 추가합니다.

  6. 저장을 선택합니다.

아티팩트 편집 및 제거

  • 대시보드 또는 비즈니스 프로세스 흐름을 편집하려면 아래쪽 화살표 드롭다운 아이콘를 선택하여 확장한 다음 편집하려는 대시보드 또는 비즈니스 프로세스 흐름에 해당하는 사이트 맵 디자이너 단추 사이트 맵 디자이너 열기 단추를 선택합니다.

    선택한 아티팩트에 대한 디자이너가 열립니다.

  • 대시보드 또는 비즈니스 프로세스 흐름을 제거하려면 아래쪽 화살표 드롭다운 아이콘를 선택하여 타일을 확장한 다음 제거하려는 대시보드 또는 비즈니스 프로세스 흐름을 선택합니다. 명령 모음에서 제거를 선택합니다.

    대시보드 또는 비즈니스 프로세스 흐름을 제거하는 또 다른 방법은 구성 요소 탭에서 해당 확인란의 선택을 취소하면 됩니다.

  • 엔터티를 편집하거나 제거하려면 엔터티 타일을 선택한 다음 명령 모음에서 편집 또는 제거를 선택합니다. 엔터티를 편집하면 엔터티 변경을 수행할 수 있는 솔루션 탐색기가 열립니다.

    구성 요소를 제거하는 다른 방법은 대시보드 또는 비즈니스 프로세스 흐름, 또는 엔터티 타일을 선택하는 것입니다. 구성 요소 탭에서 디자이너에서 제거할 아티팩트의 확인란의 선택을 해제합니다.

    참고

    엔터티 표시 이름이나 설명을 변경하는 등 엔터티에 어떠한 변경을 수행하면 변경 사항이 솔루션 탐색기에 게시되지 않는 이상 앱 디자이너에 나타나지 않습니다.

엔터티 자산 편집 또는 제거

엔터티 자산 편집

  1. 아래쪽 화살표 드롭다운 아이콘를 선택하여 양식, 보기, 차트 또는 대시보드에 대한 타일을 확장합니다.

  2. 편집하려는 양식, 보기, 차트 또는 대시보드를 선택합니다.

  3. 명령 모음에서 편집을 선택합니다.

    또는

    양식, 보기, 차트 또는 대시보드에 해당하는 사이트 맵 디자이너 단추 사이트 맵 디자이너 열기 단추를 선택합니다.

엔터티 자산 제거

  1. 아래쪽 화살표 드롭다운 아이콘를 선택하여 양식, 보기, 차트 또는 대시보드에 대한 타일을 확장합니다.

  2. 편집하려는 양식, 보기, 차트 또는 대시보드를 선택합니다.

  3. 명령 모음에서 제거를 선택합니다.

또는 양식, 보기, 차트 또는 대시보드 타일을 선택한 다음 구성 요소 탭에서 디자이너에서 제거할 자산에 대한 확인란의 선택을 취소합니다.

다음 단계

앱에 대한 사이트 맵 만들기

앱 유효성 검사 및 게시