App Builder 릴리스: 초기 고급 필터링, 새로운 AI 채팅 UI 및 쿼리 빌더

최신 App Builder 릴리스로 앱 개발을 멋지게 시작할 준비를 하세요! 이번 업데이트에는 전례 없는 고성능 앱을 만들 수 있도록 설계된 강력한 새 기능과 개선 사항이 포함되어 있습니다. 이 블로그에서는 이러한 흥미로운 추가 기능에 대해 자세히 알아보고 찾을 수 있는 위치를 안내해 드리겠습니다.

아시다시피, 저희는 두 가지 트랙을 제공합니다: 안정적인 프로덕션 지원 기능을 제공하는 프로덕션 릴리스와 개발 주방에서 준비 중인 기능을 탐색하고 싶어하는 얼리 어답터를 위해 맞춤화된 프리뷰 릴리스 입니다. 미리보기 트랙은 가능한 한 빨리 귀중한 피드백을 테스트하고, 탐색하고, 수집하는 것에 관한 것입니다. 이러한 접근 방식을 통해 혁신을 가속화하고 판도를 바꾸는 기능을 앞서 선보일 수 있으며, 이를 통해 App Builder의 성장을 촉진하고 지속적인 영향을 미칠 것이라고 확신합니다.

뛰어들자!

프로덕션 vs. 프리뷰 릴리스

프로덕션 릴리즈에는 모든 그리드에서 초기 고급 필터링 지원과 새로운 재주문 작업 기능이 도입되었습니다. 이 기능을 사용하면 구성 요소 상호 작용에 의해 트리거된 작업의 실행 순서를 사용자 지정하여 앱의 동작을 더 잘 제어할 수 있습니다.

프리뷰 릴리스에는 프로덕션의 모든 기능과 함께 간소화된 앱 생성을 위한 대화형 AI 경험, 새로운 쿼리 변수 유형(데이터 소스와 상호 작용하도록 설계된 특수 변수, 최고의 성능을 위해 서버 측 필터링을 통해 API 요청을 통해 대규모 데이터 세트를 동적으로 필터링하도록 설계된 특수 변수), 이제 구성 요소 도구 상자에서 사용할 수 있는 새로운 쿼리 빌더 구성 요소가 포함되어 있습니다.

이러한 새로운 기능에 대해 자세히 알아보기 전에 App Builder 대해 처음 배우는 경우 조직의 응용 프로그램 개발 프로세스에서 핵심 도구로 간주해야 하는 이유를 간략하게 공유하겠습니다.

• 시각적 앱 빌더 – 제품 관리자, 디자이너, 개발자 및 이해 관계자를 위한 통합 플랫폼입니다.
• 기업이 그 어느 때보다 80% 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있도록 지원하는 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구입니다.
• ​로우 코드 도구는 Figma 디자인에서 ​프로덕션 준비가 된 Blazor, Angular, React 및 Web Components 코드를 생성합니다.

모든 그리드에 걸친 초기 고급 필터링

App Builder 에는 강력한 기능인 초기 고급 필터링이 도입되어 최종 사용자가 처음부터 사용자 지정 가능한 데이터 보기를 사용할 수 있도록 설계되었습니다. 이 클라이언트 쪽 기능을 통해 사용자는 초기 로드 시 Grid, TreeGrid 및 HierarchicalGrid와 같은 Grid에 적용되는 필터링 식 트리를 구성할 수 있습니다. 앱 디자인 시간 동안 이 기능을 활성화하면 사용자는 데이터 환경을 원활하게 조정할 수 있으므로 기본 설정에 맞게 미리 필터링된 데이터로 앱이 시작되도록 할 수 있습니다.

이제 Grid를 구성하는 동안 고급 필터링 규칙을 정의하여 미리 설정한 조건에 따라 앱을 실행할 때 데이터가 자동으로 필터링되도록 할 수 있습니다. 이 기능은 App Builder의 모든 그리드 유형에서 보편적으로 사용할 수 있으며 지원되는 모든 플랫폼과 호환되는 코드를 생성합니다.

기능

• 고급 필터링 팝업은 직관적인 사용자 경험을 제공합니다.
• 조건이 추가 또는 제거되거나 "필터 지우기" 버튼을 클릭하면 업데이트 후 자동으로 닫히지 않고 즉시 변경 사항을 제출합니다.
• 팝업은 외부 클릭 시에만 닫히며, 이 시점에서 오버레이가 삭제됩니다. 열이 삭제되면 식 트리가 자동으로 재설정되며 그리드에서 고급 필터링이 제거되면 유지되지 않습니다.
• 또한 쿼리가 적용된 열을 삭제하면 식 트리가 지워지지만 데이터 원본 변경 또는 필터링과 같은 작업을 실행 취소하여 이전 상태를 복원할 수 있습니다.
• 원격 페이징이 있는 설정의 경우 시스템은 결과 데이터 세트에 고급 필터를 적용하기 전에 페이징의 우선 순위를 지정합니다.

여러 작업 순서 변경

작업이 실행되는 순서를 수정하고 드래그 앤 드롭을 통해 언제든지 작업 순서를 변경할 수 있습니다(개요 패널의 순서 변경과 유사). 작업은 순차적이며 비동기 작업은 다음 작업을 계속하기 전에 대기됩니다.

Query Builder 변수 및 구성 요소 개요

App Builder의 쿼리 빌더 구성 요소는 두 가지 주요 개념을 통해 작동합니다. 공식 단계별 가이드를 확인하세요.

• 도구 상자에 있는 Query Variable 및 Query Builder 구성 요소.

현재 미리 보기 환경의 일부로만 사용할 수 있는 쿼리 변수는 데이터 소스와 상호 작용하는 특수 변수로, API 요청을 통해 데이터를 동적으로 필터링하여 대규모 데이터 세트를 효율적으로 처리하도록 설계되었습니다. 이러한 요청은 고급 표현식을 매개변수로 사용하는 서버 측 필터링을 활용하여 광범위한 데이터를 처리할 때 최적의 성능을 보장합니다.

이 변수는 Query Builder 구성 요소와 통합되어 동적 데이터 관리 및 UI 기반 필터링을 허용합니다.

쿼리 변수 개념은 쿼리 빌더 구성 요소가 사용되는 두 가지 기본 방법을 다룹니다.

• 쿼리 빌더 구성 요소는 최종 사용자가 도구 상자에서 드롭할 때 App Builder 캔버스에서 직접 상호 작용할 수 있는 UI 요소입니다.
• Query Builder 구성 요소는 쿼리 변수 편집기로 App Builder에 통합되었습니다.

API 프로젝트에 대한 쿼리 빌더 지원

이 가이드에서는 사용자 정의 쿼리를 활성화하기 위해 API 프로젝트에서 쿼리 빌더 모델 및 유틸리티를 구현하는 방법을 간략하게 설명합니다. 구현에는 컨트롤러 만들기, 쿼리 빌더 모델 정의, 이러한 쿼리에서 SQL 문을 실행 및 생성하기 위한 유틸리티 추가가 포함됩니다. 결과 사용자 지정을 통해 사용자는 하위 쿼리 지원, 필터링, 논리 연산자 및 필드 선택을 사용하여 복잡한 쿼리를 구성하고 데이터 소스에 대해 효율적으로 실행할 수 있습니다.

구현은 이미 NorthwindAPI REST API 프로젝트의 일부입니다. 다음은 NorthwindAPI QueryBuilderController 및 NorthwindAPI QueryBuilder 모델에 대한 예제입니다.

대화형 AI 경험

이제 미리보기 환경에서 사용 가능: AI로 디자인 요소를 생성하기 위한 새로운 채팅 UI 환경을 사용해 보세요! 이것은 실험적 기능이므로 문제가 발생할 수 있지만 이것이 바로 우리가 찾고 있는 것입니다. 여러분의 피드백은 개선하는 데 도움이 됩니다!

다른 릴리스 개선 사항

• 생성된 응용 프로그램의 Forms 재설정 기능.
• 비활성화된 요약은 Blazor, React 및 Web Components 지원합니다.
• 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 앱 개발 프로세스의 판도를 바꾸는 역할을 합니다. 클라우드 기반 비주얼 빌더, 로우 코드 기능 및 새로운 기능을 갖춘 이 도구는 모든 조직에 꼭 필요한 도구입니다. 오늘 사용해 보세요! 더 자세한 내용이 필요하시면 다음을 확인해 보시기 바랍니다.

• Discord 채널.
• GitHub 토론.
• 로드맵

최신 App Builder 업데이트의 모든 기능을 경험하려면 고객 포털을 방문하여 최신 버전을 다운로드하세요. 늘 그렇듯이 우리는 항상 귀하의 피드백을 받고 귀하가 추가하거나 추천하고 싶은 것을 듣게 되어 기쁩니다. 따라서 zkolev@appbuilder.dev로 이메일을 보내 Infragistics를 통해 고객에게 지속적으로 가치를 제공하는 데 도움이 될 수 있는 방법을 알려주십시오.