앱 제작 여정에는 일반적으로 앱이 어떻게 생겼는지 계획하는 디자인 단계가 포함됩니다. 디자인이 기존 종이 양식, 화이트보드 도면 또는 레거시 앱의 이미지를 기반으로 하는지 여부에 관계없이 앱을 처음부터 빌드하는 데 상당한 시간이 걸릴 수 있습니다.
시각적 디자인에서 앱을 만들고 몇 가지 간단한 단계(안내)를 통해 데이터에 연결할 수 있습니다.
참고
- 글꼴 및 색상과 같은 앱 구성 요소의 스타일은 Power Apps에서 Office 블루 테마에 기반합니다.
- 앱을 만들 때 정확한 디자인 스타일을 유지하려면 Figma에서 캔버스 앱 생성을 고려할 수 있습니다.
- Power Apps는 업로드한 이미지를 유지하지 않습니다. 업로드된 이미지는 메모리 내에서만 처리되어 앱을 생성합니다.
사전 요구 사항
- Power Apps 라이선스입니다. Power Apps 라이선스가 없는 경우 무료로 가입할 수 있습니다.
- 자신의 이미지를 사용하는 경우 이미지 파일 확장자는 .jpg 또는 .png여야 하며 파일 크기는 4MB를 넘지 않아야 합니다.
- 이미지는 밝은 배경색으로 명확하게 읽을 수 있는 한 페이지 형식을 포함해야 합니다. 최상의 결과를 얻으려면 흰색 배경과 고대비를 갖도록 이미지를 편집하세요.
앱 만들기
Power Apps에 로그인합니다.
홈 화면에서 페이지 디자인으로 시작을 선택합니다.
이미지 또는 Figma 파일>이미지에서 시작을 선택합니다.
권장 이미지 및 팁의 예를 검토합니다. 최상의 경험을 위해 이미지가 이러한 권장 사항을 준수하는지 확인하세요. 완료되면 다음을 선택합니다.
앱의 이름을 입력합니다.
나만의 이미지 업로드합니다. 준비된 이미지가 없으면 샘플 이미지로 시작을 선택하고 사용 가능한 샘플 이미지 중 하나를 선택하세요.
참고
자체 이미지를 사용할 때 이미지가 이미지 요구 사항에 언급된 이미지 요구 사항을 충족하는지 확인하세요.
예를 들어 다음은 허용되는 품질과 허용되지 않는 품질의 두 가지 샘플 이미지입니다.
허용되는 품질 허용되지 않는 품질 
이미지 크기에 따라 형식(태블릿 또는 휴대폰)이 자동으로 선택됩니다. 최상의 결과를 얻으려면 제안된 형식을 유지하는 것이 좋습니다. 제안된 형식을 사용하면 입력 이미지와 최종 앱이 가장 가깝게 일치합니다. 다음을 선택합니다.
식별된 구성 요소를 기반으로 이미지에 자동으로 태그가 지정됩니다. 예를 들어 다음 샘플 이미지에서 "이름 입력"라는 상자는 텍스트 입력 컨트롤로 익식됩니다.
구성 요소를 둘러싸고 있는 영역을 선택하고 끌어 선택하여 새 태그를 그릴 수 있습니다. 그런 다음 새 태그를 연결할 구성 요소 유형을 선택합니다.
기존 태그를 수정하거나 삭제하려면 해당 태그를 선택하세요. 그런 다음 해당 태그에 대해 다른 구성요소를 할당하거나 모서리를 끌어 크기를 변경하여 태그 치수를 조정할 수 있습니다. 태그를 제거하려면 태그 삭제를 선택합니다.
팁
다양한 유형의 구성 요소와 각 구성 요소에 정확하게 태그를 지정하는 방법에 대해 자세히 알아보려면 화면 오른쪽에 있는 안내 탭을 클릭하세요.
태그를 검토하고 각 구성요소에 올바르게 태그가 지정되었는지 확인한 후 다음을 선택합니다.
데이터를 설정합니다. 최상의 환경을 위해 Dataverse 테이블에 연결을 선택하여 앱을 데이터 원본에 연결하는 것이 좋습니다. 이 옵션을 선택하고 다음을 선택하면 기존 Dataverse 테이블을 선택하고 이미지의 필드를 해당 테이블의 열에 매핑하거나 Dataverse에 새 테이블을 만들고 이미지의 양식 필드를 기반으로 열을 추가하라는 안내가 표시됩니다. 앱에는 Dataverse 테이블에 연결된 양식 구성 요소가 포함되어 있습니다.
Dataverse에 연결하지 않으려면 지금은 건너뛰기를 선택합니다. 이 옵션을 선택하고 만들기를 선택하면 앱은 있는 그대로 생성됩니다. 즉, 이전 단계에서 태그를 지정한 구성 요소가 직접 생성됩니다. 양식 구성 요소에 배치되지 않으며 앱이 데이터에 연결되지 않습니다.
Dataverse에 연결하지 않으려면 만들기를 선택하면 앱이 생성됩니다. 나중에 데이터 연결을 앱에 추가하여 연결하여 앱을 데이터와 연결합니다.
참고
환경에 Dataverse가 없으면 Dataverse 테이블에 연결하는 옵션이 사용 중지됩니다.
Dataverse 테이블에 연결하도록 선택하고 새 테이블 만들기 또는 기존 테이블을 선택한 경우 이제 테이블 및 열 세부 정보를 편집할 수 있습니다. 각 태그는 이미지에서 식별된 양식 필드를 기반으로 하는 데이터 열에 해당합니다.
표시 이름, 이름, 데이터 형식과 같은 열 속성을 수정할 태그를 선택합니다. 기존 열을 제거하려면 태그를 선택한 다음 열 삭제를 선택합니다.
새 태그를 그리고 속성을 설정하여 데이터 열을 추가할 수 있습니다. 열을 태그 지정할 때는 대부분 두 가지 항목 주위에 태그를 그리게 되는데, 이는 레이블과 사용자가 데이터를 입력하는 대상(예: 텍스트 입력)입니다.
팁
화면 오른쪽에서 테이블 속성을 선택하여 새 테이블의 속성을 보고 편집합니다.
다음 선택 시, 테이블 및 열 구조를 검토할 수 있습니다.
검토가 완료되면 만들기를 선택하여 앱을 생성합니다. 앱 생성에는 1~2분이 소요될 수 있습니다.
앱이 생성되면 Power Apps Studio에서 새 앱이 열려 계속해서 앱을 빌드하고 사용자 지정할 수 있습니다.
Dataverse에서 새 테이블을 생성하기로 선택한 경우, 양식이 자동으로 새 테이블에 연결됩니다.
더 많은 구성 요소를 추가하거나 스타일 속성을 수정하여 앱을 계속 빌드하고 사용자 지정합니다.
다음은 앱을 다음 단계로 끌어올리기 위한 몇 가지 일반적인 다음 단계입니다.
- 화면2로 명명된 새 화면을 추가하여 앱과 갤러리에 기록을 표시합니다. 갤러리의 데이터 원본를 새 Dataverse 테이블로 설정합니다.
- 양식이 포함된 화면에서 버튼을 추가하여(아직 없는 경우) 양식 데이터를 제출합니다.
OnSelect 속성을
SubmitForm(Form1)수식으로 설정합니다. - 양식을 선택한 다음 화면 오른쪽의 고급 탭을 클릭하고 OnSuccess 속성을
Navigate(Screen2)(으)로 설정합니다. 이렇게 하면 양식 데이터가 성공적으로 제출된 후 앱이 갤러리가 포함된 화면으로 이동하여 레코드를 표시합니다. - 앱을 미리 보려면 화면의 오른쪽 상단에서 플레이를 선택합니다. 양식을 작성하고 제출을 선택하여 양식을 제출합니다. 새 레코드가 갤러리 화면에 나타납니다.
앱 저장 및 게시.
이미지 요구 사항
- 업로드하려는 이미지의 파일 확장자는 .jpg 또는 .png여야 합니다. 파일 확장자가 다른 디자인 이미지가 있는 경우 이 기능과 함께 사용하려면 이미지 파일을 .jpg 또는 .png 파일 확장자로 저장하세요.
- 이미지 크기는 4MB 미만이어야 합니다.
- 스크린샷이나 디지털 스케치를 사용하는 경우 흰색을 사용할 수 없는 경우 배경을 밝고 순수한 색상으로 변경합니다.
- 사진을 찍는 경우 더 높은 대비를 사용하거나 더 밝게 만드십시오. 태그를 지정하려는 부분이 깨끗하고 밝은지 확인하십시오.
- 카메라나 휴대전화를 사용하여 사진을 찍는 경우 밝은 배경을 선호하도록 더 높은 대비를 사용합니다. 사용 가능한 모든 사진 편집 앱을 사용하여 사진 대비를 편집합니다.
- 손으로 그린 그림을 사용하는 경우 선이 없는 흰색 스케치 패드를 사용해 보세요.
제한 사항
- 지원되는 구성 요소: 버튼, 확인란, Data cards, 날짜 선택기, 드롭다운, 편집 양식, 레이블, 라디오, 등급, 슬라이더, 텍스트 입력, 토글
- 캔버스 앱만 지원됩니다.
- 한 번에 하나의 이미지만 업로드하여 앱을 만들 수 있습니다.
- 복잡한 양식, 배경색이 있는 양식, 여러 페이지 양식 및 밑줄이 그어진 입력 상자가 있는 양식은 지원되지 않습니다.
- 스타일에 대한 지원은 제한적입니다. 글꼴 및 색상과 같은 앱 구성 요소의 스타일은 Power Apps에서 Office 블루 테마에 기반합니다.
- 반응형에 대한 지원은 제한적입니다. 추가 정보: 반응형 캔버스 앱 빌드