App Builder 릴리스: 초기 고급 필터링, 새로운 AI 채팅 UI 및 기타 기능
최신 App Builder 릴리스를 통해 앱 개발을 멋지게 시작할 준비를 하세요. 이제 초기 고급 필터링, 새로운 AI 채팅 UI 등을 추가합니다.
Zdravko Kolev 5min read 최신 App Builder 릴리스로 앱 개발을 훌륭하게 시작할 준비를 하세요! 저희는 이번 업데이트에 강력한 새로운 기능과 개선 사항을 담아냈으며, 이는 과거보다 더 나은 고성능 앱을 만드는 데 도움이 될 것입니다. 이 블로그에서 저는 이러한 흥미로운 추가 기능들을 알아보고 이들을 찾을 수 있는 위치를 안내합니다.
아시다시피, 저희는 두 가지 트랙을 제공합니다: 안정적이고 프로덕션 준비가 완료된 기능을 제공하는 프로덕션 릴리스와 조기 채택자들이 저희 개발 부서에서 준비 중인 기능을 살펴보도록 맞춘 미리보기 릴리스입니다. 미리보기 트랙은 테스트, 탐색 및 가능한 빨리 여러분의 귀중한 피드백을 수집하는 것에 관한 것입니다. 이러한 접근 방식은 저희의 혁신을 가속화하고 획기적인 기능을 미리 선보일 수 있게 합니다. 이것은 App Builder의 성장을 촉진하고 지속적인 영향을 미칠 것이라고 확신합니다.
시작해봅시다!
프로덕션 대 미리보기 릴리스
프로덕션 릴리스는 모든 그리드 및 새로운 재정렬 작업 기능에 대한 초기 고급 필터링 지원을 도입합니다. 이 기능을 통해 구성 요소 상호 작용으로 트리거되는 작업의 실행 순서를 사용자 정의할 수 있으며, 앱의 동작을 더 잘 제어할 수 있습니다.
미리보기 릴리스는 프로덕션의 모든 기능과 흥미로운 추가 기능들을 포함합니다: 간편한 앱 생성을 위한 대화형 AI 환경, 새로운 쿼리 변수 유형(데이터 소스와 상호 작용하도록 설계된 특수 변수로서 API 요청을 통해 대규모 데이터 세트를 동적으로 필터링하고 서버 측 필터링을 통해 최적의 성능을 제공)과 구성 요소 도구 상자에서 사용 가능한 새로운 쿼리 빌더 구성 요소입니다.
이러한 새로운 기능들에 대해 자세히 설명하기 전에, App Builder를 처음 배우신다면 이를 조직의 애플리케이션 개발 프로세스에서 핵심 도구로 간주해야 하는 이유를 빠르게 공유하겠습니다:
- 시각적 앱 빌더 – 제품 관리자, 디자이너, 개발자 및 이해 관계자를 위한 통합 플랫폼입니다.
- 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구로 회사들이 기존보다 80% 더 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있습니다.
- 저 코드 도구는 Figma 디자인에서 프로덕션 준비 완료 Blazor, Angular, React 및 웹 구성 요소 코드를 생성합니다.
모든 그리드에 걸친 초기 고급 필터링
App Builder는 강력한 기능인 초기 고급 필터링을 도입합니다. 이는 최종 사용자가 처음부터 사용자 정의 가능한 데이터 보기를 사용할 수 있도록 설계되었습니다. 이 클라이언트 측 기능을 통해 사용자는 필터링 표현식 트리를 구성할 수 있으며, 이는 초기 로드 시 그리드(예: 그리드, TreeGrid 및 HierarchicalGrid)에 적용됩니다. 앱 설계 시간 동안 이 기능을 활성화하면 사용자는 데이터 환경을 원활하게 맞춤 설정할 수 있으며, 앱이 자신의 선호도에 맞춘 사전 필터링된 데이터로 시작됩니다.
이제 그리드를 구성할 때 고급 필터링 규칙을 정의할 수 있으므로, 앱을 실행할 때 데이터가 저의 사전 설정 조건에 따라 자동으로 필터링됩니다. 이 기능은 App Builder의 모든 그리드 유형에서 일반적으로 사용 가능하며 지원되는 모든 플랫폼과 호환되는 코드를 생성합니다.
기능
- 고급 필터링 팝업은 직관적인 사용자 환경을 제공합니다.
- 조건이 추가되거나 제거되거나 “필터 지우기” 버튼을 클릭할 때 변경 사항을 즉시 제출하며, 업데이트 후 자동으로 닫히지 않습니다.
- 팝업은 외부 클릭에서만 닫히며, 이 시점에 오버레이가 제거됩니다. 열이 삭제되면 표현식 트리가 자동으로 재설정되며, 고급 필터링이 그리드에서 제거되면 지속되지 않습니다.
- 추가적으로, 적용된 쿼리가 있는 열을 삭제하면 표현식 트리가 지워지는 반면, 데이터 소스 변경 또는 필터링과 같은 작업을 취소하여 이전 상태를 복원할 수 있습니다.
- 원격 페이징이 있는 설정의 경우, 시스템은 고급 필터를 결과 데이터 세트에 적용하기 전에 페이징을 우선시합니다.
여러 작업 재정렬
작업이 실행되는 순서를 수정하고 드래그 앤 드롭으로 언제든지 작업을 재정렬할 수 있습니다 (아웃라인 패널의 재정렬과 유사함). 작업은 순차적이며, 비동기 작업은 다음 작업을 계속하기 전에 기다려집니다.
쿼리 빌더 변수 및 구성 요소 개요
App Builder의 쿼리 빌더 구성 요소는 두 가지 핵심 개념을 통해 작동합니다. 공식 단계별 가이드를 확인하세요.
- 도구 상자의 쿼리 변수 및 쿼리 빌더 구성 요소입니다.
현재 미리보기 환경의 일부로만 사용 가능한 쿼리 변수는 데이터 소스와 상호 작용하도록 설계된 특수 변수로, API 요청을 통해 동적으로 데이터를 필터링하여 대규모 데이터 세트를 효율적으로 처리하도록 설계되었습니다. 이러한 요청은 서버 측 필터링을 활용하며, 고급 표현식을 매개 변수로 사용하므로 광범위한 데이터 처리 시 최적의 성능을 보장합니다.
이 변수는 쿼리 빌더 구성 요소와 통합되어 동적 데이터 관리 및 UI 중심 필터링을 지원합니다.
쿼리 변수 개념은 쿼리 빌더 구성 요소가 사용되는 두 가지 주요 방법을 다룹니다:
- 도구 상자에서 드롭할 때 App Builder 캔버스에서 최종 사용자가 직접 상호 작용할 수 있는 UI 요소로서의 쿼리 빌더 구성 요소입니다.
- 쿼리 변수 편집기로 App Builder에 통합된 쿼리 빌더 구성 요소입니다.
API 프로젝트에 대한 쿼리 빌더 지원
이 가이드는 API 프로젝트에서 쿼리 빌더 모델 및 유틸리티를 구현하는 방법을 설명하므로 사용자 정의 쿼리를 활성화합니다. 구현에는 컨트롤러 생성, 쿼리 빌더 모델 정의 및 이러한 쿼리를 실행하고 SQL 문을 생성하기 위한 유틸리티 추가가 포함됩니다. 결과적인 사용자 정의를 통해 사용자는 부분 쿼리 지원, 필터링, 논리 연산자 및 필드 선택을 포함한 복잡한 쿼리를 구성하고 데이터 소스에 대해 효율적으로 실행할 수 있습니다.
구현은 이미 NorthwindAPI REST API 프로젝트의 일부입니다. 다음은 NorthwindAPI QueryBuilderController 및 NorthwindAPI QueryBuilder Models의 예입니다.
대화형 AI 환경
미리보기 환경에서 사용 가능합니다: 새로운 채팅 UI 환경을 사용하여 AI로 설계 요소를 생성해봅시다! 이것은 실험적인 기능이므로 문제가 발생할 수 있습니다. 하지만 이것이 정확히 우리가 찾는 것입니다. 여러분의 피드백은 이를 개선하는 데 도움이 될 것입니다!
기타 릴리스 개선 사항
- 생성된 애플리케이션의 폼 재설정 기능입니다.
- Blazor, React 및 웹 구성 요소에 대한 비활성화된 요약 지원입니다.
- Angular 앱은 Ignite UI for Angular 19.1.0을 사용하여 생성됩니다.
- 웹 구성 요소 앱은 Ignite UI for Web Components 5.2.4를 사용하여 생성됩니다.
- Blazor 앱은 Ignite UI for Blazor 24.4.85를 사용하여 생성됩니다.
- React 앱은 Ignite UI for React 18.8.1을 사용하여 생성됩니다.
요약
결론적으로, App Builder는 앱 개발 프로세스에서 게임 체인저입니다. 클라우드 기반 시각적 빌더, 저 코드 기능 및 새로운 기능으로 이는 모든 조직에 필수적인 도구입니다. 오늘 시도해보세요! 자세한 내용을 원하시면 다음을 확인하시기를 권장합니다:
최신 App Builder 업데이트의 모든 것을 경험하려면 고객 포털을 방문하고 최신 버전을 받으세요. 항상 그렇듯이, 저희는 여러분의 피드백을 받고 추가하거나 권장하고 싶은 것을 듣기를 항상 기대합니다. 그러므로 zkolev@appbuilder.dev로 저에게 이메일을 보내고 Infragistics와 함께 고객에게 가치를 계속 제공하는 방법을 알려주세요.
