연말 발표: 중앙 집중식 알림, Angular 용 쿼리 빌더, 그리고 더 똑똑한 AI
12월 릴리스에는 앱 구축과 개선을 더 예측 가능하고 효율적으로 만드는 여러 개선 사항이 포함되어 있습니다.
즈드라브코 콜레프
6분 읽기
새로운 중앙 집중식 알림 UI는 설계 시 오류와 경고를 집계하여 작업 중 즉시 문제를 파악할 수 있게 합니다. Angular 개발자들은 이제 쿼리 빌더 컴포넌 트를 활용해 복잡한 필터링 논리를 더 세밀하게 정의할 수 있습니다. 또한 AI 앱 생성 진입 지점을 현대화하고, 콘텐츠 중심의 페이지, 이미지 갤러리, 칸반 보드 등 일반적인 앱 패턴의 생성 품질을 개선하여 다 가오는 한 해를 위한 탄탄한 토대를 마련했습니다.
이러한 새로운 기능에 대해 자세히 알아보기 전에 App Builder 대해 처음 배우는 경우 조직의 응용 프로그램 개발 프로세스에서 핵심 도구로 간주해야 하는 이유를 간략하게 공유하겠습니다.
- 시각적 앱 빌더 –최고 경영진, 엔터프라이즈 아키텍트, 개발 팀 리더, 디자이너, 개발자 및 이해 관계자를 위한 통합 플랫폼입니다.
- 기업이 그 어느 때보다 80% 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있도록 지원하는 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구입니다.
- 로우 코드 도구는 Angular, React, Web Components 및 Blazor 대한 프로덕션 준비 코드를 생성하고 Figma 디자인을 코드로 변환합니다.
이제 이번 App Builder 출시된 새로운 점들을 깊이 살펴보자.
더 빠른 검증 및 디버깅을 위한 중앙집중식 설계 시 알림
이번 릴리스는 애플리케이션 전반에 걸쳐 설계 시 오류와 경고를 집계 하는 중앙 통합 알림 UI를 도입하여, 코드 생성 방해나 런타임 실패를 초래할 수 있는 문제를 명확히 파악 할 수 있게 합니다. 시스템은 손상된 바인딩, 누락 또는 삭제된 자원, 유효하지 않은 매개변수, 타입 불일치 등 흔한 문제를 전용 패널에서 직접 해당 영역으로 내비게 이션할 수 있도록 처리합니다. 설계 시 검증 에만 집중함으로써 App Builder 팀이 문제를 수출이나 배포 전에 조기에 발견 할 수 있도록 돕습니다.
데이터 소스 요구사항, 무효 속성 바인딩, 액션 타겟, 변수 초기화 문제, API 요청 오류, 누 락된 자산 또는 테마 등 다양한 시나리오를 다룹니다. 이러한 점검은 특히 애플리케이션의 복잡성이 증가 함에 따라 더욱 예측 가능하고 신뢰할 수 있는 앱 개발 경험을 제공합니다.
Angular 용 쿼리 빌더 : 디자인에서 코드로의 고급 필터링
새로운 쿼리 빌더 컴포넌 트는 App Builder로 구축된 Angular 앱에서 복잡한 필터링 논리를 정의하고 관리할 수 있는 강력한 방법을 도입합니다. 이 개념은 두 가지 핵심 개념에 기반합니다:
- 쿼리 빌더 컴포넌 트 자체가
- 쿼리 변수–데이터 소스와 효율적으로 상호작용 하도록 설계된 특수 변수 입니다.
쿼리 변수는 고급 표현식을 API 매개변수로 전달하여 서버 측 필터링을 가능하게 하여, 강력한 성능을 유지하면서도 대규모 데이터셋을 다룰 수 있게 합니다.
쿼리 빌더는 두 가지 방식으로 사용됩니다:
- 최종 사용자가 캔버스 위에서 직접 조작할 수 있는 인터랙티브 UI 구성 요소 입니다
- 쿼리 변수를 위한 고급 편집기 로서 App Builder.
쿼리 빌더를 사용하는 앱이 내보내 지면, 생성된 Angular 애플리케이션은 해당 컴포넌트에 대한 완전한 지원을 포함하여, 개발자가 동일한 필터링 기능을 유지하며 로컬에서 계속 빌드 할 수 있습니다.
쿼리 빌더 컴포넌트와 쿼리 변수는 UI에서 쿼리를 어떻게 구성하고 편집하는지 정의하지만, 이 쿼리들을 실행하려면 서버 측 엔진이 이를 해석하고 일관되게 적용 해야 합니다. 이 종단 간 워크플로우를 지원하기 위해 App Builder는 API 프로젝트에 직접 통합할 수 있는 전용 실행 라이브러리에 의존합니다.
쿼리 빌더를 API 프로젝트로 확장하기
API 프로젝트에서 쿼리 빌더 지원을 구현하는 두 가지 방법이 있습니다:
| 접근 방식 | 최고 | 노력 수준 |
|---|---|---|
NuGet 패키지 (Infragistics.QueryBuilder.Executor) |
빠른 통합, 표준 사용 사례 | 낮게 |
| 수동 구현 | 완전한 맞춤화, 복잡한 요구사항 | 중고급 |
이 가이드는 API 프로젝트에서 사용자 정의 쿼리를 가능하게 하는 쿼리 빌더 모델과 유틸리티를 구현하는 방법을 설명합니다.
완전한 종단 간 쿼리 빌더 워크플로우를 가능하게 하기 위해, 사용자 정의 쿼리를 실행하는 데 필요한 서버 측 로직을 제공하는 Infragistics.QueryBuilder.Executor 라이브러리를 공개했습니다. 이 라이브러리는 API 프로젝트에 직접 통합되도록 설계되었습니다.
이 라이브러리에는 쿼리 빌더 모델, 실행 유틸리티, 쿼리 표현을 실행 가능한 SQL로 변환하는 확장 포인트가 포함되어 있습니다. 고급 필터링, 논리 연산자, 필드 선택 및 하위 쿼리를 지원하여 복잡하고 데이터 기반 시나리오에 적합합니다. 이 통합의 참조 구현은 NorthwindAPI REST API 프로젝트에서 제공되며, 실행기를 컨트롤러에 연결하고 실제 데이터 소스에 적용하는 방법을 보여줍니다.
AI: 새로운 소식은 무엇인가요?
"새 앱 만들기" 대화상자를 재설계했습니다: "아름답다"고 현대적인 인터페이스에 영감을 주는 프롬프트 갤러리와 이전 입력을 쉽게 재사용할 수 있는 내 프롬프트 탭이 포함되어 있습니다.
또한, 우리의 AI 생성은 다음과 같은 분야에서 더 나은 구조적 정확도를 제공하도록 최적화되었습니다:
- 전면 블로그 게시물
- 동적 이미지 갤러리(및 회전목마):
- 그리고 정교한 컬럼 및 작업 카드 앱을 갖춘 칸반 보드:
마무리
이번 릴리스는 App Builder 애플리케이션을 자신 있게 설계, 검증, 생성할 수 있는 신뢰할 수 있는 환경임을 강화합니다. 중앙집중식 설계 시 알림은 문제를 조기에 발견하는 데 도움을 주며, 새로운 Angular 쿼리 빌더는 복잡한 데이터 시나리오에 대한 더 큰 제어력을 제공합니다. 더 정교한 AI 생성 흐름과 공통 앱 패턴의 생성 정확도 향상과 결합되어, 이러한 업데이트는 팀이 아이디어에서 실행으로 중단을 줄이고 결과를 예측 가능하게 하는 데 도움을 줍니다.
조건부 데이터 액션에 관한 이전 업데이트를 놓치셨다면, 여기에서 확인해 보세요.
오늘 my.appbuilder.dev에서 새로운 기능을 체험해 보세요
App Builder는 앱 개발 프로세스의 판도를 바꾸고 있습니다. 클라우드 기반 비주얼 빌더, 로우 코드 기능 및 새로운 기능을 갖춘 이 도구는 모든 조직에 필수 도구입니다. 오늘 사용해 보세요! 자세한 내용이 필요한 경우 다음을 확인하는 것이 좋습니다.
To experience all the new features in the latest App Builder updates, visit your customer portal and install the latest version. As usual, we are excited to receive your feedback and hear what you would like to add or recommend. So please contact me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.
