App Builder 릴리스: 원격 페이징 및 데이터 소스 매핑 기능
최신 App Builder 릴리스가 출시되어 새롭고 흥미로운 기능이 많이 도입되어 유연성과 성능을 모두 개선합니다. CSS 그리드 레이아웃 상위 재지정 지원을 도입하고, 강력한 데이터 소스 매핑 기능으로 데이터 바인딩을 강화하고, 원격 페이징 지원을 통해 그리드 및 트리 그리드 구성 요소를 개선했습니다. 지금 업데이트를 살펴보세요!
즈드라브코 콜레프
4분 읽기
앱 개발 프로세스를 더욱 간소화하도록 설계된 최신 App Builder 릴리스의 흥미로운 업데이트를 공유하게 되어 기쁩니다! CSS 그리드 레이아웃 상위 재지정 지원을 포함하여 유연성과 성능을 향상시키는 주요 기능을 도입하여 레이아웃 내의 요소를 원활하게 재정렬할 수 있습니다. 또한 강력한 데이터 원본 매핑 기능을 추가하여 스키마 변경이 발생할 때 UI 바인딩을 더욱 쉽게 수행할 수 있습니다. 또한 그리드 및 트리 그리드는 이제 원격 페이징을 지원 하여 원격 서버에서 더 작은 데이터 세트를 동적으로 가져오고 표시함으로써 성능을 크게 향상시킵니다. 이러한 업데이트는 로우코드, 고성능 앱 개발을 위한 플랫폼으로서의 App Builder의 위치를 계속 공고히 하고 있습니다.
새로운 기능과 모든 새로운 기능에 대해 자세히 알아보기 전에 App Builder에 대해 처음 배우는 경우 조직의 응용 프로그램 개발 프로세스에서 핵심 도구로 고려해야 하는 이유를 간단히 공유하겠습니다.
- 시각적 App Builder– 제품 관리자, 디자이너, 개발자 및 이해 관계자를 위한 통합 플랫폼입니다.
- 기업이 그 어느 때보다 80% 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있도록 지원하는 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구입니다.
- Figma 및 Sketch 설계에서 생산 준비가 완료된 Blazor 코드, Angular 코드, Web Components 및 React 코드를 생성하는 로우 코드 툴 입니다.
그리드 원격 페이징 지원
새로운 그리드 원격 페이징 기능을 사용하면 그리드가 서버에서 데이터를 동적으로 로드하여 전체 데이터 세트 대신 필요한 부분만 가져올 수 있습니다. 이는 대규모 데이터 세트에 특히 유용하여 성능을 향상시키고 로드 시간을 줄입니다. 개발자와 사용자는 단일 API 엔드포인트를 사용하든 페이지를 매긴 데이터 및 총 레코드 수에 대해 별도의 엔드포인트를 사용하든 관계없이 필요에 맞게 원격 페이징을 구성할 수 있습니다. 데이터 요청을 효율적으로 관리함으로써 그리드는 서버나 클라이언트에 부담을 주지 않으면서 보다 원활한 경험을 보장합니다.
원격 페이징은 어떻게 작동하나요?
원격 페이징은 데이터를 원격 서버에서 개별적으로 요청되는 "페이지"로 나눕니다. 이렇게 하면 한 번에 필요한 데이터 조각만 로드됩니다. 도구의 기본 제공 속성을 사용하여 Grid 및 Tree Grid 구성 요소 모두에 대해 구성할 수 있습니다.
사용자는 Configurator를 사용하여 원격 페이징이 작동하는 데 필요한 모든 것을 설정합니다. 무엇이 필요한가요?
- pageIndex– 가져올 레코드의 페이지 인덱스입니다. 이 매개 변수를 제공하지 않으면 페치가 처음부터 시작됩니다(페이지 0).
- pageSize– 페이지당 가져올 최대 레코드 수입니다. 이 매개 변수를 제공하지 않으면 모든 레코드를 가져옵니다.
- totalRecords– Paginator가 적절한 계산을 수행하고 데이터 레코드를 그리드에 전달하는 데 사용하는 총 레코드 수를 반환합니다.
개발자는 API가 데이터를 처리하는 방법과 총 레코드 수에 따라 두 가지 접근 방식에 따라 원격 페이징을 구현할 수 있습니다.
- 데이터 및 총 레코드 수에 대해 결합된 엔드포인트 사용– 이 경우 API는 페이징된 데이터와 총 레코드 수를 모두 단일 응답으로 반환합니다.
다음은 지원되는 데이터 구조의 예입니다.
{
"items": [
{
"categoryId": 0,
"description": "string",
"name": "string"
}
],
"totalRecordsCount": 0,
"pageSize": 0,
"pageNumber": 0,
"totalPages": 0
}- 데이터 및 총 레코드 수에 대해 별도의 엔드포인트 사용– 이 설정에서는 페이징된 데이터를 검색하는 것과 총 레코드 수를 가져오는 두 개의 API 호출이 이루어집니다.
개발자는 App Builder의 구성기를 사용하여 페이지 인덱스, 페이지 크기 및 총 레코드와 같은 매개 변수를 지정하여 원격 페이징을 쉽게 설정할 수 있습니다. 이러한 유연성 덕분에 최소한의 수동 구성으로 고성능의 확장 가능한 애플리케이션을 더 쉽게 구축할 수 있습니다.
원격 페이징 기능에 대한 자세한 내용은 여기를 참조하십시오.
CSS 그리드 레이아웃 부모 재지정 지원
Shift + 마우스 드래그를 사용하여 그리드 셀 콘텐츠의 부모를 쉽게 다시 지정할 수 있습니다.
매핑을 지원하는 데이터 원본
매핑을 지원하는 데이터 소스를 사용하면 스키마 변경이 발생할 때 인터페이스를 통해 UI 바인딩을 선택할 수 있습니다. 즉, 끝점, 스키마 또는 속성에 변경 사항이 있는 경우 이제 응용 프로그램의 기존 바인딩을 새 바인딩에 쉽게 매핑할 수 있습니다.
결론적으로 App Builder는 앱 개발 프로세스의 게임 체인저입니다. 클라우드 기반 비주얼 빌더, 로우 코드 기능 및 새로운 기능을 통해 모든 조직에 꼭 필요한 도구입니다. 지금 바로 사용해 보세요! 더 자세한 정보가 필요하시면 다음을 확인해 보시기 바랍니다.
To experience everything, head over to appbuilder.dev and start using the App Builder. If you want 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.
