App Builder 릴리스: AI, CSS 그리드 레이아웃 등
8월에는 App Builder의 또 다른 이정표인 App Builder AI, CSS 그리드 레이아웃 및 기타 개선 사항을 도입한 새 릴리스를 표시합니다. 블로그 게시물에서 자세한 내용을 읽어보세요.
즈드라브코 콜레프
5분 읽기
이번 8월에 App Builder의 또 다른 중요한 이정표를 발표하게 되어 기쁩니다! 이 App Builder 릴리스에는 앱 개발을 크게 가속화하는 강력한 새 기능과 향상된 기능이 도입되어 강력한 애플리케이션을 그 어느 때보다 쉽게 빌드할 수 있습니다. CSS 그리드 레이아웃, AI 기반 이미지 및 데이터 소스 생성과 같은 최첨단 기능과 전반적인 사용자 경험 개선을 통해 App Builder는 로우코드 개발의 가능성을 계속해서 재정의하고 있습니다.
React 코드 생성 및 모든 새로운 기능에 대해 자세히 알아보기 전에 App Builder에 대해 처음 배우는 경우 조직의 애플리케이션 개발 프로세스에서 핵심 도구로 고려해야 하는 이유를 간단히 공유하겠습니다.
- 시각적 앱 빌더 – 제품 관리자, 디자이너, 개발자 및 이해 관계자를 위한 통합 플랫폼입니다.
- 기업이 그 어느 때보다 80% 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있도록 지원하는 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구입니다.
- Figma 및 Sketch 설계에서 생산 준비가 완료된 Blazor 코드, Angular 코드, Web Components 및 React 코드를 생성하는 로우 코드 툴 입니다.
App Builder AI
오늘날과 같이 급변하는 개발 환경에서 앞서 나가려면 전문 지식뿐만 아니라 올바른 도구가 필요합니다. 새로운 AI 기반 기능은 지루한 작업을 자동화하여 개발 프로세스를 간소화하도록 설계되었습니다. 이미지 생성에서 데이터 소스 생성에 이르기까지 App Builder AI는 생산성을 높이고 새로운 크리에이티브 경로를 열어 개발자와 디자이너가 가장 잘하는 일, 즉 혁신에 집중할 수 있도록 합니다.
빠른 설문 조사에 참여 하여 App Builder의 최신 AI 기능에 대한 생각과 그 밖에 기대할 수 있는 사항에 대한 생각을 공유해 주세요—여러분의 의견은 앱 개발의 미래를 형성하는 데 도움이 됩니다!
CSS 그리드 레이아웃
이 App Builder 릴리스는 이제 CSS 그리드 레이아웃을 도입하여 새롭고 강력한 레이아웃 시스템을 App Builder 통해 복잡하고 해상도가 높은 웹 디자인을 쉽게 만들 수 있습니다. 이제 사용자는 행과 열을 수동으로 정의하여 레이아웃을 정밀하게 제어할 수 있습니다.
지금까지 이 기능에서 다루는 내용은 무엇입니까?
- UI를 사용하면 특정 수의 열과 행을 설정할 수 있습니다.
- 그리드 레이아웃은 조정이 이루어지면 실시간으로 업데이트됩니다.
- 표시기는 설계하는 동안 그리드 선, 열 및 행 경계를 표시합니다. 이러한 지표는 최종 출력에 영향을 주지 않고 그리드 구조를 시각화하는 데 도움이 됩니다.
- 각 행과 행의 단위를 선택하기 위한 드롭다운을 통해 ,
rem,px를 사용하거나 백분율 단위를 사용하여fr개별적으로 크기를 조정할 수 있습니다.
레이아웃 모드 간 전환(예: Flex에서 Grid로)에는 약간의 제한 사항이 있습니다. 이로 인해 레이아웃 정보가 손실되지만 언제든지 실행 취소/다시 실행 기능을 사용하여 변경 사항을 복원할 수 있습니다.
다음 릴리스 반복에서는 보다 강력한 재정렬 기능과 보다 효율적인 동적 콘텐츠 처리를 다룹니다.
App Builder Release with Global Application & Component Sizing(글로벌 응용 프로그램 및 구성 요소 크기 조정이 포함된 릴리스)
이 App Builder 릴리스에 도입된 또 다른 개선 사항은 애플리케이션 간에 일관성을 유지하기 위한 두 가지 주요 기능이 포함된 새로운 크기 조정 기능입니다.
- 응용 프로그램 수준에서 전역 크기 조정: 테마 내의 모든 구성 요소에 대한 전역 크기를 설정하고, 설정하지 않은 상태로 두어 기본 테마 크기를 적용할 수 있는 옵션을 제공합니다.
- 구성 요소별 크기 조정: 구성 요소별로 전역 크기를 재정의합니다. 구성 요소를 선택하면 테마에 따른 기본 크기가 자동으로 적용되어 표준 크기를 명확하게 알 수 있습니다.
이러한 기능을 통해 디자인은 응집력 있는 모양과 느낌을 유지하고 필요에 따라 유연하게 사용자 지정할 수 있습니다.
데이터 원본의 자동 백그라운드 새로 고침Automatic Background Refresh of Data Sources
데이터를 항상 최신 상태로 유지하기 위해 App Builder 에서는 이제 데이터 원본의 자동 백그라운드 새로 고침을 도입했습니다. 이 기능은 데이터 소스의 Rest API에 대한 변경 사항이 워크플로를 방해하지 않고 실시간으로 반영되도록 하기 때문에 백엔드 개발자와 협력할 때 특히 유용합니다.
- 자동 업데이트: 새 엔드포인트, 엔터티 또는 속성이 자동으로 감지되고 직관적인 UI를 통해 변경 사항에 대한 알림을 받습니다.
- 원활한 통합: 백그라운드 새로 고침은 조용히 작동하여 필요에 따라 데이터 소스를 업데이트하므로 중단 없이 빌드를 계속할 수 있습니다.
개선 사항 & 새로운 기능
- 데이터 원본에 대한 새로운 드릴다운 선택기: 사용자 지정 드릴다운 선택기를 도입하여 대규모 데이터 원본 컬렉션을 더 쉽게 탐색할 수 있습니다. 이 향상된 기능은 필터링을 지원하므로 필요한 정확한 데이터 원본을 빠르고 효율적으로 찾을 수 있습니다.
- PostgreSQL 지원: App Builder는 이제 SDK와 온프레미스를 통해 PostgreSQL을 지원하여 데이터 관리 옵션을 확장합니다.
- 앱 기능 다운로드 및 복원: 이제 UI를 통해 직접 애플리케이션 템플릿을 쉽게 다운로드하고 업로드할 수 있으므로 다른 환경에서 또는 공유 작업 영역 기능을 사용하지 않고 직접 앱을 재사용하거나 공유하는 프로세스를 간소화할 수 있습니다.
결론적으로 App Builder 앱 개발 프로세스의 판도를 바꾸는 역할을 합니다. 클라우드 기반 비주얼 빌더, 로우 코드 기능 및 새로운 기능을 갖춘 이 도구는 모든 조직에 꼭 필요한 도구입니다. 오늘 사용해 보세요! 더 자세한 내용이 필요하시면 다음을 확인해 보시기 바랍니다.
To experience everything, head over to appbuilder.dev and start using the App Builder. If you’re curious to get an exclusive preview of our latest developments, check our App Builder Preview environment. As usual, we are always excited to get your feedback and hear what you want to add or recommend. So, please email me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.
