다음을 통해 공유


Power Apps 앱 디자이너에서 모델 기반 앱 구성 요소 추가 또는 편집

중요합니다

2023년 10월부터 클래식 앱, 양식 및 보기 디자이너는 더 이상 사용되지 않으며 모든 모델 기반 앱, 양식 및 보기는 최신 디자이너에서만 열립니다. 기본적으로 최신 디자이너에서 클래식 디자이너로 되돌리는 클래식으로 전환 명령은 더 이상 사용할 수 없습니다. 추가 정보: 클래식 앱, 양식 및 보기 디자이너는 더 이상 사용되지 않습니다

최신 디자이너를 사용하여 모델 기반 앱 및 구성 요소를 만들고 편집하도록 전환하는 것이 좋습니다.

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

모델 기반 앱은 다양한 구성 요소로 구성됩니다. 앱에 다음 두 가지 유형의 구성 요소를 추가할 수 있습니다.

  • Artifacts
  • 테이블 자산

테이블, 대시보드 및 비즈니스 프로세스 흐름은 모두 앱의 아티팩트입니다.

테이블 자산은 앱에 포함된 특정 테이블과 관련된 양식, 보기, 차트 및 대시보드로 구성됩니다.

비고

테이블은 과거에 엔터티라고 불렸습니다. 클래식 앱 디자이너는 대부분의 위치에서 엔터티라는 용어를 사용합니다. 예를 들어, 테이블 자산보다는 엔티티 자산입니다.

앱 디자이너 레이아웃

앱 디자이너에는 두 개의 주요 영역이 있습니다. 왼쪽에는 앱 구성 요소를 추가할 수 있는 캔버스가 있습니다.

App designer canvas.앱 디자이너 캔버스.앱 디자이너 캔버스

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

App designer components.앱 디자이너 구성 요소.앱 디자이너 구성 요소

캔버스에는 사이트 맵, 비즈니스 프로세스 흐름, 대시보드 및 테이블에 대한 영역 포함 됩니다.

테이블이 배치된 후 각 테이블을 선택하고 양식, 보기 및 차트와 같은 필수 테이블 자산을 추가합니다.

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

Canvas search option.캔버스 검색 옵션.캔버스 검색

응용 프로그램을 엽니다

  1. Power Apps에 로그인하고 필요에 따라 작업할 환경을 선택합니다.

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

사이트 맵 추가 또는 편집

앱 구성 요소를 새로 만든 앱에 추가하려면 먼저 사이트 맵을 정의해야 합니다. 추가 정보: 사이트 맵 디자이너를 사용하여 모델 기반 앱 사이트 맵을 만듭니다.

구성 요소 추가

대시보드 또는 비즈니스 프로세스 흐름이 앱에 추가되면 관련 테이블이 앱에 자동으로 추가됩니다.

테이블이 앱에 추가되면 자산에 대한 타일이 자동으로 추가됩니다. 디자이너 캔버스에 구성 요소를 추가할 수 있는 방법에는 두 가지가 있습니다.

  • 디자이너의 명령 모음에서 추가 버튼 디자이너에 버튼 추가.을 사용하세요.
  • 구성 요소 탭에서 타일을 사용합니다.

대시보드 추가

앱에 대시보드를 추가하려면 다음 단계를 수행합니다.

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

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

  2. 검색 상자에 필요한 대시보드의 키워드를 입력합니다.

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

  3. 사용자가 선택한 대시보드만 사용해야 하는 경우 추가해야 하는 구성 요소에 대한 확인란을 선택합니다. 사용할 수 있는 대시보드 유형은 다음과 같습니다.

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

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

    대시보드에서 사용하는 모든 테이블도 엔터티 뷰 영역에 추가됩니다. 예를 들어 고객 서비스 관리자 대시보드가 추가되면 사례, 자격큐 항목 테이블이 엔터티 뷰 영역에 추가됩니다.

    각 테이블에 대해 자산에 대한 타일도 추가됩니다. 이러한 타일을 사용하여 양식, 보기 및 차트를 추가할 수 있습니다. 자세한 내용은 다음을 참조하세요. Power Apps 앱 디자이너에서 앱 구성 요소 추가 또는 편집

    앱 디자이너 캔버스에 테이블을 추가합니다.

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

    Create New link on the Components tab of app designer.앱 디자이너의 구성 요소 탭에서 새 링크 만들기.앱 디자이너의 구성 요소 탭에서 새 링크 만들기

    대시보드 디자이너가 열립니다. 자세한 내용은 다음을 참조 하세요. 대시보드 만들기 및 편집

  5. 저장을 선택하여 위의 단계를 완료합니다.

비즈니스 프로세스 흐름 추가

앱에 비즈니스 프로세스 흐름을 추가하려면 다음 단계를 수행합니다.

  1. 앱 디자이너 캔버스에서 비즈니스 프로세스 흐름 타일을 선택합니다.

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

  2. 검색 상자에 원하는 비즈니스 프로세스 흐름 이름과 일치하는 하나 이상의 키워드를 입력합니다.

    비즈니스 프로세스 흐름 목록은 키워드와 일치하는 결과를 표시하도록 필터링됩니다.

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

    비고

    비즈니스 프로세스 흐름을 추가할 때 [새로 만들기] 옵션이 [프로세스 만들기 ] 대화 상자를 엽니다. 비즈니스 프로세스 흐름을 만드는 방법에 대해 자세히 알아보려면 비즈니스 프로세스 흐름 만들기로 이동하세요.

  4. 저장을 선택하여 위의 단계를 완료합니다.

테이블 추가

앱에 테이블을 추가하려면 다음 단계를 수행합니다.

  1. 앱 디자이너 캔버스에서 테이블 타일을 선택합니다.

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

  2. 검색 상자에 원하는 테이블 이름과 일치하는 하나 이상의 키워드를 입력합니다.

    테이블 목록은 키워드와 일치하는 결과를 표시하도록 필터링됩니다.

    비고

    테이블을 추가할 때 새로 만들기 옵션이 새 테이블 대화 상자를 엽니다. 테이블을 만드는 방법에 대한 자세한 내용은 사용자 지정 테이블 만들기로 이동합니다.

  3. 저장을 선택하여 위의 단계를 완료합니다.

테이블 자산 추가

구성 요소를 배치하면 양식, 보기, 차트 및 대시보드와 같은 테이블 자산을 앱에 추가할 수 있습니다.

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

  1. 앱 디자이너 캔버스에서 관련 테이블의 Forms 타일을 선택하여 폼을 추가합니다.

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

  2. 사용자가 사용할 수 있어야 하는 양식의 확인란을 선택합니다. 양식은 앱에서 데이터를 표시하고 사용자가 상호 작용하는 방법을 정의합니다.

    선택한 테이블의 양식 타일에 추가된 양식 수가 표시됩니다.

    사례 테이블의 양식 타일입니다.

    테이블의 폼을 선택하지 않으면 해당 테이블의 모든 양식이 앱을 사용하는 동안 사용자에게 표시됩니다. 보기 또는 차트를 선택하지 않은 경우 이 동작은 보기와 차트에도 유사하게 적용됩니다. 이렇게 하면 사용 가능한 모든 구성 요소가 필요한 경우 앱을 빠르게 만들 수 있습니다. 앱 디자인 중에 각 구성 요소를 선택할 필요가 없습니다.

    대시보드 또는 비즈니스 프로세스 흐름을 선택하지 않으면 사용자가 앱을 사용하는 동안 모든 대시보드 및 비즈니스 프로세스 흐름을 사용할 수 있습니다.

    비고

    앱을 실행하려면 추가된 각 테이블에 하나 이상의 활성 폼이 있어야 합니다. 여러 양식을 선택하면 사용자가 앱을 실행할 때 기본 솔루션에 표시되는 첫 번째 활성 양식이 사용됩니다.

  3. 목록에서 사용할 수 없는 새 양식을 추가하려면 새로 만들기를 선택합니다.

    드롭다운 목록에서 필요한 양식 유형을 선택합니다.

    새 양식 만들기

    비고

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

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

    보기 또는 차트를 추가하면 새로 만들기 옵션이 해당 디자이너를 엽니다. 자세한 내용은 보기 이해시스템 차트 만들기 또는 편집으로 이동하세요.

    비고

    보기를 추가하면 솔루션 탐색기의 뷰 노드 아래에 나열된 공용 보기를 선택할 수 있습니다.

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

    Form tile expanded in app designer.앱 디자이너에서 확장된 양식 타일.앱 디자이너에서 확장된 양식 타일

  5. 이전 단계를 반복하여 앱에 테이블 보기 및 차트를 추가합니다.

  6. 저장을 선택합니다.

구성 요소 편집 또는 제거

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

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

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

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

  • 테이블을 편집하거나 제거하려면 테이블 타일을 선택한 다음 명령 모음에서 편집 또는 제거를 선택합니다. 테이블을 편집할 때 솔루션 탐색기가 열리고 테이블이 변경될 수 있습니다.

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

    비고

    테이블 표시 이름 또는 설명 변경과 같이 테이블을 변경하는 경우 변경 내용이 솔루션 탐색기에 게시될 때까지 앱 디자이너에 변경 내용이 표시되지 않습니다.

테이블 자산 편집 또는 제거

테이블 자산 편집

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

  2. 업데이트해야 하는 양식, 보기, 차트 또는 대시보드를 선택합니다.

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

    or

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

테이블 자산 제거

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

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

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

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

다음 단계

앱에 대한 사이트 맵 만들기

앱 유효성 검사 및 게시