M365Con 2027 – 무료 온라인 컨퍼런스 · 11–22 Jan 2027 · 120 sessions→ m365con.net

2025-11-03

컨테이너와 컴포넌트로 반응형 Power Apps 만들기

컨테이너와 컴포넌트로 반응형 Power Apps 만들기
대부분의 Power Apps가 어색해 보이는 이유는 메이커들이 컨테이너를 사용하지 않고 모든 화면에서 UI를 매번 새로 만들기 때문입니다. 해결책은 구조적(컨테이너)이고 체계적(컴포넌트 라이브러리)입니다. 컨테이너는 취약한 X/Y 위치 지정을 반응형 레이아웃 방식으로 대체하여, 여러 기기에서 요소를 쌓고, 정렬하고, 배분하고, 자동으로 크기를 조정합니다. 컴포넌트 라이브러리는 브랜드와 동작을 한 번만 정의하여(헤더, 내비게이션, 버튼, 대화 상자) 모든 곳에 업데이트를 적용합니다. 즉, 로고 하나, 색상 변경 하나, 접근성 조정 하나가 모든 앱에 반영됩니다. 화면은 최신 웹 레이아웃처럼 구성합니다. 최상위 세로 컨테이너 안에 헤더, 주 영역(가로 컨테이너 안의 사이드바와 콘텐츠), 그리고 선택적 푸터를 배치합니다. 간격, 여백, 정렬, justify, 유연한 너비와 높이 속성이 작업을 처리하도록 하며, 위치 지정 수식은 사용하지 않습니다. 그런 다음 cmp_Header, cmp_Nav, cmp_ButtonPrimary 같은 중앙 라이브러리를 통해 디자인과 룩앤필을 적용하고, 텍스트, 아이콘, 가시성 등 안전한 속성만 노출합니다.

Apple Podcasts · Spotify · YouTube · YouTube Music

Build Responsive Power Apps with Containers and Components (English)