Wijmo 2020 v1을 릴리스하게 되었음을 기쁜 마음으로 알려드립니다. 가볍고 유연하며 효율적인 이번 릴리스에서는 새로운 기능과 컨트롤 크기 및 복잡성 간의 균형을 유지하는 데 주의를 기울였습니다. 항상 그래왔듯이 컴포넌트와 기능을 모듈화하여, 앱에서 필요한 것만 로드할 수 있습니다. 렌더링 최적화(가상화를 많이 적용)를 통해 데이터 집합이 아무리 크더라도 컴포넌트의 효율성을 유지할 수 있습니다.

성능 향상을 위해 중요 컨트롤은 계속 재검토하고 있습니다. 추가된 새 기능 중 대부분은 고객의 요청에 따른 것입니다. 편집 가능한 새로운 React Redux DataGrid 기능 외에도, 새로운 보안 업데이트, FlexGrid 및 FlexChart의 여러 가지 향상된 기능을 도입하였습니다.

OpenFin 및 Wijmo의 JavaScript 컴포넌트로 주식 포트폴리오 앱 빌드

Wijmo 주식 포트폴리오는 OpenFin 응용 프로그램에서 Wijmo 컴포넌트의 사용량을 보여주는 금융 샘플입니다. 이 응용 프로그램은 몇 개의 창으로 구성되어 있습니다. OpenFin의 새 플랫폼 API를 통해 사용자는 원하는 작업 영역에 이 창을 배열할 수 있습니다.

주식 포트폴리오 앱은 몇 개의 창으로 구성되어 있습니다. 각 창은 React, Angular, 웹 컴포넌트와 같은 다양한 웹 프레임워크를 사용해 구현됩니다. OpenFin의 새 플랫폼 API를 통해 사용자는 원하는 작업 영역에 창을 배열하고 사용자 정의할 수 있습니다.

앱이 어떤 식으로 실행되는지 확인하십시오! 이 비디오에서는 대시보드와 같이 창을 배열하는 과정에서 앱이 어떻게 실행되는지 보여줍니다.

보안 강화

JavaScript로 이동하는 응용 프로그램이 늘어남에 따라 클라이언트 측 보안이 중요해지고 있습니다. 콘텐츠 보안 정책(CSP)은 추가 보호 계층으로서, 사이트 간 스크립팅(XSS), 데이터 주입 공격 등 특정 유형의 공격을 감지하고 완화하는 데 도움이 됩니다.

Wijmo 최신 버전은 CSP를 완전히 준수하며, CSP에 “unsafe-inline”이나 “unsafe-eval”을 추가할 필요가 없고 “nonces”나 해시도 필요 없습니다. 컴포넌트는 정책을 절충하지 않고도 엄격한 보안이 유지되는 JavaScript 응용 프로그램에서 원활하게 작동합니다.

CSP에 관해 자세히 알아보려면 다음 항목을 참조하십시오.

• 헬멧 콘텐츠 보안 정책
• 콘텐츠 보안 정책(CSP)

React의 새로운 기능

편집 가능한 React Redux DataGrid

FlexGrid는 React Redux 응용 프로그램에서 편집 가능 DataGrid를 위한 첫 번째 엔터프라이즈 솔루션을 제공하고 있습니다!

일반적으로 FlexGrid는 사용자가 그리드를 통해 변경하는 내용으로 기본 데이터 배열을 업데이트합니다. 이 접근 방식은 Redux와 같이 데이터 불변성이 필요한 상태 관리 시스템에서는 사용할 수 없습니다. 이 문제는 ImmutabilityProvider_ 확장 컴포넌트를 사용하여 해결할 수 있습니다.

이 컴포넌트는 FlexGrid 컨트롤에 연결되고 Redux Store의 데이터 배열에 바인딩되면, 다음과 같은 방식으로 그리드 동작을 변경합니다.

• 사용자가 평소 하던 방식(항목 값 변경, 행 추가/삭제, 붙여넣기, 텍스트)대로 그리드를 통해 데이터를 편집할 수 있게 허용합니다. 정렬, 그룹화, 필터링과 같은 모든 데이터 변환 작업도 허용됩니다.
• 그리드가 사용자 편집에 반응하여 기본 데이터 배열을 변경하지 못하게 합니다. 대신에 dataChanged 이벤트를 트리거합니다. 이 이벤트는 데이터 변경 작업을 Redux Store로 디스패치하는 데 사용할 수 있습니다.

• 편집 가능한 React Redux DataGrid 데모
• 편집 가능한 React Redux DataGrid 자세히 알아보기

릴리스 세부 정보 - FlexGrid

릴리스 세부 정보 - FlexChart

• JavaScript 앱용 BreakEven 차트가 포함된 비용 대비 수익 그림

입력

• 긴 MultiSelect 목록을 손쉽게 필터링
• 팝업 트리거 옵션 추가

기타 릴리스 정보 :

• OdataCollectionView의 배치 업데이트