본문 바로가기
Low Code & 업무 자동화/Power Apps

[Power Apps] 출퇴근 관리 앱(4) - 갤러리(Gallery)에 데이터 표시하기

by selee00 2025. 1. 30.

 

안녕하세요   ˵ •̀•̀ ˵ 


이번 시간에는 갤러리(Gallery)를 사용하여 데이터를 효과적으로 표시하는 방법을 배워보겠습니다. 

 


This image is made by wpdownloadmanager.com

 

 

갤러리 (Gallery) 

데이터를 목록 형식으로 보기 쉽게 표시할 수 있는 컨트롤입니다.

 

갤러리(Gallery)의 종류 설명
수직 갤러리 (Vertical Gallery) 데이터를 위아래로 스크롤하며 볼 수 있음
기본적인 목록 형태로 가장 많이 사용됨
수평 갤러리 (Horizontal Gallery) 데이터를 좌우로 스크롤하여 확인할 수 있음
카드나 이미지를 가로로 정렬할 때 유용함
유연한 높이 갤러리 (Flexible Height Gallery) 각 항목의 크기가 다를 때 유용함
데이터 길이에 따라 개별 항목의 높이가 조정됨

 

갤러리를 사용하여 출퇴근 기록을 표시할 수 있습니다.

1. 갤러리(Gallery) 컨트롤 추가하기

ⓛ Screen2 화면에 갤러리 컨트롤 추가 ( 삽입 > 레이아웃 > 세로갤러리 )  

 

2. 데이터 소스 연결하기 

갤러리에서 데이터를 표시하려면 데이터 소스를 연결해야 합니다. (** Excel, SharePoint, Dataverse 등과 연결할 수 있습니다. )
갤러리의 Items 속성을 "AttendanceRecords"로 설정 

 

3. 갤러리 항목 구성하기

갤러리의 각 항목은 다양한 컨트롤을 추가하여 구성할 수 있습니다. 텍스트, 이미지, 버튼 등 다양한 요소를 사용할 수 있습니다.
갤러리 내부에 텍스트 레이블을 추가하여 ThisItem.이름, ThisItem.출근, ThisItem.퇴근을 표시합니다. 

 

4. 갤러리 필터링 및 정렬

갤러리에서 표시할 데이터를 필터링하거나 정렬할 수 있습니다.

예시 ⓛ : 이름 순으로 정렬하기

Sort(AttendanceRecords, 이름,SortOrder.Ascending)
// SortOrder.Ascending    -> 오름차순
// SortOrder.Descending  -> 내림차순

 

예시 : 퇴근하지 않은 직원만 필터링하기

Filter(AttendanceRecords, IsBlank(퇴근))

 


 

갤러리를 활용하면 직원들의 출퇴근 기록을 효율적으로 관리하고,
데이터를 한눈에 보기 쉽게 정리할 수 있습니다.  

다음 시간에는 완성된 앱을 배포하는 방법에 대해 알아보겠습니다. 🚀

다음 글에서 만나요! 😊