! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

Wijmo 2020 v2 > 새로운 소식

본문 바로가기

정식출시 Wijmo 2020 v2

페이지 정보

작성자 GrapeCity 작성일 2020-08-26 00:00 조회 1,422회 댓글 0건

본문

Wijmo 2020 v2가 출시되었습니다. 이번 릴리스에는 새 Barcode 및 TransposedMultiRow 컴포넌트, FlexGrid용 새 사용자 정의 편집기, 새 PDF 보안 기능 등이 포함되었습니다. 또한 Angular10뿐 아니라 Vue3도 지원하게 되었음을 알려드립니다!


그럼 자세히 알아보겠습니다.


Wijmo 2020 v2 출시

Angular 10 지원

Angular 10이 이제 막 릴리스되었으며, Wijmo에서는 이미 이를 지원합니다! 언제나처럼 그레이프시티는 Angular 프로젝트 및 커뮤니티를 지원하는 데 최선을 다하고 있습니다.

2020 v2부터 당사는 ESModules를 제공하고 있습니다. 이전에는 Angular 7 및 8과의 호환성을 위해, 그리고 AOT(ViewEngine)에서의 문제로 인해 ESM을 비활성화해야 했습니다. 이제 ESM을 활성화했으므로 Wijmo는 컴파일러에서 원활하게 작동할 것입니다.


Wijmo 및 Angular 10에 대해 자세히 알아보십시오.

Angular 10에서 Wijmo 성능 개선

Ivy 컴파일러는 사용되지 않는 코드를 제거하여 패키지를 더 작게 만들고, Wijmo는 ESModules를 제공하므로 응용 프로그램이 그 어느 때보다 더 작아집니다. 이 컴파일러는 사용되지 않는 모든 모듈을 제거하고 프로덕션에 필요한 JS만 컴파일합니다. GrapeCity는 테스트를 통해 ESM을 활성화하고, Angular 10으로 업그레이드한 후에 Wijmo 응용 프로그램 번들의 크기가 약 40% 줄어든 것을 확인했습니다.

Vue 3 지원

Vue 3는 현재 베타 버전입니다. Wijmo는 Vue3 베타 버전도 지원할 예정입니다. Wijmo의 Vue2 패키지는 Vue3와 호환됩니다. 공식 릴리스가 다가옴에 따라 계속해서 Vue3에 대한 테스트를 진행할 것입니다.


Wijmo 및 Vue 3에 대해 자세히 알아보십시오.

OpenFin 플랫폼 API 데모 앱

 


Wijmo 주식 포트폴리오는 OpenFin 응용 프로그램에서 Wijmo 컴포넌트의 사용량을 보여주는 금융 샘플입니다. 이 앱의 이전 버전은 여러 개의 OpenFin 응용 프로그램을 별도의 창에 로드했으므로 사용자가 원하는 작업 영역을 체계적으로 구성할 수 있었습니다.

OpenFin의 새로운 플랫폼 API는 창과 보기를 즉각적으로 사용 가능한 논리 작업 영역에 체계적으로 구성할 수 있는 기능을 제공합니다. 새로운 주식 포트폴리오 앱은 OpenFin 플랫폼 API와 Wijmo 컴포넌트를 사용합니다.


Wijmo 주식 포트폴리오에 대해 자세히 알아보십시오.

JavaScript, Angular, React, Vue를 위한 바코드 컨트롤

QR 코드에서 UPC 바코드에 이르는 26가지 바코드 유형을 만들 수 있는 새로운 바코드 컴포넌트를 추가했습니다. 바코드는 데이터를 시각적으로 표시하되, 기계로 판독할 수 있는 방식으로 표시합니다. 바코드는 정보 공유 및 추적을 위해 전 세계적으로 사용되고 있습니다. Wijmo 바코드는 JavaScript로 완전히 렌더링되므로 서버 측 종속성이 필요 없습니다.


Wijmo 2020 v2 출시


선택에 따라 다음 프레임워크에서 라이브 데모를 체험해 보십시오.


JavaScript 바코드Angular 바코드React 바코드Vue 바코드
JavaScript CodabarAngular CodabarReact CodabarVue Codabar
JavaScript Code39Angular Code39React Code39Vue Code39
JavaScript Code49Angular Code49React Code49Vue Code49
JavaScript Code93Angular Code93React Code93Vue Code93
JavaScript Code128Angular Code128React Code128Vue Code128
JavaScript DataMatrix ECC 200Angular DataMatrix ECC 200React DataMatrix ECC 200Vue DataMatrix ECC 200
JavaScript DataMatrix ECC 000Angular DataMatrix ECC 000React DataMatrix ECC 000Vue DataMatrix ECC 000
JavaScript EAN-8Angular EAN-8React EAN-8Vue EAN-8
JavaScript EAN-13Angular EAN-13React EAN-13Vue EAN-13
JavaScript GS1-128Angular GS1-128React GS1-128Vue GS1-128
JavaScript GS1 DataBar ExpandedAngular GS1 DataBar ExpandedReact GS1 DataBar ExpandedVue GS1 DataBar Expanded
JavaScript GS1 DataBar Expanded StackedAngular GS1 DataBar Expanded StackedReact GS1 DataBar Expanded StackedVue GS1 DataBar Expanded Stacked
JavaScript GS1 DataBar LimitedAngular GS1 DataBar LimitedReact GS1 DataBar LimitedVue GS1 DataBar Limited
JavaScript GS1 DataBar OmnidirectionalAngular GS1 DataBar OmnidirectionalReact GS1 DataBar OmnidirectionalVue GS1 DataBar Omnidirectional
JavaScript GS1 DataBar StackedAngular GS1 DataBar StackedReact GS1 DataBar StackedVue GS1 DataBar Stacked
JavaScript GS1 DataBar Stacked OmnidirectionalAngular GS1 DataBar Stacked OmnidirectionalReact GS1 DataBar Stacked OmnidirectionalVue GS1 DataBar Stacked Omnidirectional
JavaScript GS1 DataBar TruncatedAngular GS1 DataBar TruncatedReact GS1 DataBar TruncatedVue GS1 DataBar Truncated
JavaScript Interleaved 2 of 5Angular Interleaved 2 of 5React Interleaved 2 of 5Vue Interleaved 2 of 5
JavaScript ITF-14Angular ITF-14React ITF-14Vue ITF-14
JavaScript Japanese PostalAngular Japanese PostalReact Japanese PostalVue Japanese Postal
JavaScript PDF417Angular PDF417React PDF417Vue PDF417
JavaScript MicroPDF417Angular MicroPDF417React MicroPDF417Vue MicroPDF417
JavaScript QR 코드Angular QR 코드React QR 코드Vue QR 코드
JavaScript UPC-AAngular UPC-AReact UPC-AVue UPC-A
JavaScript UPC-E0Angular UPC-E0React UPC-E0Vue UPC-E0
JavaScript UPC-E1Angular UPC-E1React UPC-E1Vue UPC-E1


JavaScript, Angular, React, Vue 응용 프로그램용 바코드에 대해 자세히 알아보십시오.

FlexGrid의 사용자 정의 편집기

FlexGrid는 Excel과 편집 속도가 항상 비슷했습니다. 하지만 많은 고객이 데이터 유형에 따라 더 풍부한 편집 경험을 원합니다. 전에 이러한 경험을 할 수 있는 기능을 제공해 드렸지만 고객에게는 사용자 정의 코딩이 필요했습니다. 이에 따라 FlexGrid 열을 위한 사용자 정의 편집기를 도입했습니다.

이제는 열 클래스에서 단일 "편집기" 속성을 사용해 사용자 정의 편집기 컨트롤을 지정할 수 있습니다. 편집기 속성에는 전달된 Wijmo 입력의 인스턴스만 있으면 됩니다. 날짜 선택기, 숫자 텍스트 상자, 자동 완성, 색 선택기 등 원하는 Wijmo 입력을 사용할 수 있습니다.

기본 편집기(단순한 텍스트 상자) 살펴보기:


Wijmo 2020 v2 출시


InputDate를 사용하여 사용자 정의 편집기와 비교:


Wijmo 2020 v2 출시


FlexGrid용 사용자 정의 편집기를 사용하면 그리드에서 데이터를 편집할 때 사용자 환경을 크게 개선할 수 있습니다.



FlexGrid용 사용자 정의 편집기에 대해 자세히 알아보십시오.

PDF 보안

PDF 파일 보호에 유용한 몇 가지 기능을 제공하는 wijmo.pdf.security 모듈을 새로 도입했습니다. 이 새 모듈은 PDF 파일을 암호로 보호하는 기능을 제공합니다. 이 모듈에는 사용자 암호 및 소유자 암호를 별도로 지정할 수 있는 기능이 포함되어 있습니다.

PDF 문서에 대해 다음과 같은 권한을 정의할 수도 있습니다.


  • 주석
  • ContentAccessibility
  • 복사
  • DocumentAssembly
  • FillingForms
  • 수정
  • 인쇄


데모를 통해 이러한 설정을 직접 테스트하실 수 있습니다.

새로운 TransposedMultiRow 컴포넌트

이 컴포넌트는 일부 일본 고객의 요청에 따른 것입니다. MultiRow는 일본에서 많이 사용되는 UI 규칙이며, 이와 더불어 행열이 전환된 보기(Transposing Views)도 많은 요청이 있었습니다. 이에 GrapeCity는 MultiRow 컴포넌트 및 TransposedGrid 컴포넌트, 이 두 가지 시각화 기술을 TransposedMultiRow로 통합했습니다.

MultiRow 측면을 통해 그리드의 단일 레코드에 대해 다중 행 레이아웃을 정의할 수 있습니다. 기존의 단일 시각 행이 있지만, MultiRow는 이 패러다임을 깹니다. 행열의 전환 측면은 기존 그리드와 같은 세로 방향 대신 가로 방향으로 레코드를 반복하기 위한 것입니다.

MultiRow의 예는 다음과 같습니다.

Wijmo 2020 v2 출시


또한 동일한 데이터를 사용하는 새로운 TransposedMultiRow는 다음과 같습니다.


Wijmo 2020 v2 출시


레코드는 세로가 아닌 가로로 스크롤된다는 점에 유의하십시오.


라이브 데모에서 이러한 기능을 마음껏 체험해 보십시오.

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.