이번에 작은 버전으로 내놓은 Wijmo 릴리스에서는 몇 가지 큰 기능을 도입하였습니다! 이번 빌드에는 새로운 wijmo.cloud 모듈이 포함되어 있어 Google Sheets, Firestore 및 OAuth 서비스에 쉽게 연결할 수 있습니다.

또한 수백만 개의 데이터 요소가 포함된 차트를 위한 새로운 터치 모듈과 새 WebGL 렌더링 엔진도 포함되어 있습니다.

Wijmo 클라우드

클라우드 서비스를 wijmo로 더 쉽게 통합할 수 있도록 wijmo.cloud를 새 모듈로 도입하였습니다. 이 모듈의 첫 번째 통합은 다음과 같이 Google 서비스에 연결하기 위한 것입니다.

• GoogleSheet 클래스를 이용하면 Wijmo 응용 프로그램에서 Google Sheets의 데이터를 손쉽게 표시하고 편집할 수 있습니다. Google Sheets는 쉽게 설정하고 사용할 수 있으며, 비교적 작은 규모의 데이터 집합에서 잘 작동합니다. 물론 이 옵션이 실제 데이터베이스는 아닙니다. 예를 들어 몇십만 개의 항목이 있는 대규모 표를 저장하는 데 이 옵션을 사용해서는 안 되며, 미션 크리티컬 데이터를 그 안에 보관해서는 안 됩니다. 하지만 여러 상황에서 크게 유용할 수 있어 많은 사람이 Google Sheets에 많은 데이터를 보관하고 있습니다.

  • Google Sheets를 Wijmo와 함께 사용하는 방법에 대해 자세히 알아보기
    
  • Wijmo 및 클라우드 데이터에 대해 자세히 알아보기
    

• Firestore 및 Snapshot 클래스를 사용하면 Wijmo 응용 프로그램에서 Firestore 데이터베이스의 데이터를 손쉽게 표시하고 편집할 수 있습니다.

  Firestore는 Google이 새로 출시한 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스입니다. Firestore는 클라이언트 측 및 서버 측 개발을 위해 데이터를 보관하고 동기화하도록 설계되었습니다. Google Spreadsheets와 달리 Firestore는 실제 데이터베이스입니다. Firestore를 사용해 방대한 양의 데이터를 보관할 수 있으며, 기존 SQL 제품보다 설정하고 사용하기가 훨씬 더 쉽습니다.

  • Wijmo Snapshot 클래스를 이용한 실시간 Firestore 업데이트에 대해 자세히 알아보기
    
  • Wijmo와 함께 Firestore 데이터베이스 사용에 대해 자세히 알아보기
    

• OAuth2 클래스를 사용하면 인증을 이러한 Google 서비스와 통합하기도 쉬워집니다.

• Wijmo에서 OAuth2 클래스를 사용해 인증하기에 대해 자세히 알아보기 

수백만 개의 요소를 처리하기 위한 WebGL 차트

분산 차트에서 수백만 개의 요소를 렌더링해야 하는 고객이 있었습니다. 많은 데이터를 빠르게 렌더링할 수 있도록 SVG 차트에서 성능을 많이 조정하지만, 다수의 DOM 요소에 대한 작업을 할 때는 성능 조정이 매우 어렵습니다. 따라서 이러한 시나리오를 위해 FlexChart를 위한 WebGL 차트 렌더링을 도입하였습니다.

이 렌더링은 새로운 wijmo.chart.webgl 모듈에 있습니다. 수백만 개의 데이터 요소가 포함된 차트에 대한 작업을 하는 경우 이 모듈을 꼭 사용해 보십시오!

현재로서는 WebGL 렌더링에 몇 가지 제한 사항이 있다는 점에 유의하십시오(예: CSS로 차트 요소에 스타일을 지정할 수 없음). 따라서 필요할 때만 사용해야 합니다.

• WebGL로 차트에 있는 수백만 개의 데이터 요소 렌더링하기에 대해 자세히 알아보기

Wijmo 터치

데스크톱 컴퓨터에서 하는 것과 동일한 방식으로 터치 장치에서 끌어서 놓기 기능을 작동시키는 폴리필이 포함된 새로운 wijmo.touch 모듈을 도입했습니다.

• Wijmo 및 터치 장치에 대해 자세히 알아보기

개선된 입력 레이블

어떤 응용 프로그램에서도 입력에 폼 레이블을 손쉽게 배치할 수 있도록 레이블이 지정된 컨트롤 CSS 클래스를 개선하였습니다.

• JavaScript 응용 프로그램에서 레이블이 지정된 입력을 사용하는 방법에 대해 자세히 알아보기

변경 로그

• [클라우드] Google의 일부 클라우드 서비스와 손쉽게 통합할 수 있게 해주는 새로운 wijmo.cloud 모듈
• [클라우드] REST API를 사용해 Firestore 데이터베이스에 연결할 수 있도록 wijmo.cloud 모듈에 Firestore 클래스를 추가함
• [클라우드] 공식 클라이언트 라이브러리를 사용해 실시간 Firestore 데이터베이스에 연결할 수 있도록 Snapshot 클래스를 wijmo.cloud 모듈에 추가함
• [클라우드] Google Sheets의 데이터를 손쉽게 표시하고 편집할 수 있게 해주는 GoogleSheet 클래스를 wijmo.cloud 모듈에 추가함
• [클라우드] 인증을 Google 서비스에도 쉽게 통합할 수 있도록 OAuth2 클래스를 wijmo.cloud 모듈에 추가함
• [터치] 데스크톱 컴퓨터에서 하는 것과 동일한 방식으로 터치 장치에서 끌어서 놓기 기능을 작동시키는 폴리필이 포함된 새로운 wijmo.touch 모듈을 추가함
• [FlexChart] 우수한 성능을 지닌 WebGLRenderEngine이 포함된 새로운 wijmo.chart.webgl 모듈은 새 FlexChart.renderEngine 속성이 WebGLRenderEngine을 사용하도록 flexChart.renderEngine = new WebGLRenderEngine()으로 설정합니다. 다음 샘플은 이 기능을 설명하기 위해 추가한 것입니다. Chart\Performance\WebGL\Scatter
• [입력]어떤 응용 프로그램에서도 입력에 폼 레이블을 손쉽게 배치할 수 있도록 wj-labeled-control CSS 클래스를 개선하였습니다.
• [FlexSheet] FlexSheet에서 EXACT 수식을 추가하도록 요청하였습니다.
• [ReportViewer/PdfViewer] zoomModeChanged 이벤트를 추가하였습니다.
• [MultiRow] 열 그룹에 isRowHeader 속성을 추가하였습니다. 이를 통해 행 머리글에서 사용자 정의 레이아웃으로 바인딩된 셀과 바인딩되지 않은 셀을 표시할 수 있습니다.
• [MultiRow] 셀 그룹의 행 범위 속성에 대한 지원이 개선되었습니다.
• [스타일] scss를 사용할 수 있도록(전에는 적게 사용했음) Material 하위 테마를 업데이트하였습니다. 이제 모든 테마는 독립 실행형 CSS 파일이므로 다른 테마 파일(또는 wijmo.css)은 필요 없습니다.
• [팝업, 도구 설명] 호출자가 참조 요소와 관련해 선호하는 팝업/도구 설명 위치를 지정할 수 있도록 PopupPosition 매개 변수를 추가하였습니다.
• [팝업] 끌기, 끌림, 크기 조정, 크기 조정됨 이벤트를 Popup 컨트롤에 추가하였습니다.
• [GroupPanel] 기본 자리 표시자 콘텐츠의 전역화된 버전을 추가하였습니다. 이 속성을 설정하지 않았는데 컨트롤을 빈 상태로 유지하고 싶다면 "자리 표시자" 속성을 빈 문자열로 설정하십시오(null로 설정하면 기본/지역화 메시지가 표시됨).
• [전역화] 이제 formatNumber 함수는 서식 지정자 "F" 및 "G"를 "f" 및 "g"(고정 요소 및 일반)처럼 취급합니다. 단, 천단위 구분 기호가 있습니다.
• 이제 FlexGridXlsxConverter.saveAsync 메서드의 onSaved 콜백은 fileName 매개 변수가 비어 있을 때 빈 'base64' 인수로 호출됩니다.
• [wijmo.grid.pdf] PdfFormatItemEventArgs.drawBackground 메서드를 추가하였습니다.
• [Vue] Vue 템플릿의 모든 요소에 대해 도구 설명을 정의할 수 있도록 v-wjTooltip 속성 지시문을 추가하였습니다. 지시문 사용법을 설명하기 위해 다음 샘플을 업데이트함: Input/Menu/ContextMenus
• [Vue] v-wj-context-menu 속성 지시문을 v-wjContextMenu 낙타 대문자 이름 행을 사용해 정의할 수 있습니다.
• [React/Redux/ImmutabilityProvider] 'persons[1].surname'과 같이 중첩된 속성에 열 바인딩에 대한 지원을 추가하였습니다.
• [React/Redux/ImmutabilityProvider] 복잡한 데이터 시나리오에서 변경하기 전에 항목을 복제하기 위해 사용자 정의 로직을 사용할 수 있도록 cloningItem 이벤트를 추가하였습니다.