JavaScript / HTML5 뉴스

유연한 메뉴로 명령 구성

7월 27, 2026
유연한 메뉴 컴포넌트로 직관적인 React 애플리케이션 탐색 기능을 구축하여 사용자가 기능과 명령을 빠르게 찾을 수 있도록 지원하세요.

Menu components are a fundamental part of modern UI suites, providing structured navigation and quick access to commands, actions, and application features. They help developers create intuitive user experiences across desktop and web applications by supporting common interaction patterns such as context menus, navigation menus, toolbars, and hierarchical menu structures, while offering customization options to match application design and accessibility requirements.

Several React UI suites offer menu components including:

  • Wijmo by MESCIUS includes Menu and ContextMenu controls that provide command selection, drop-down menus, data binding, keyboard support, and straightforward integration with other Wijmo controls for building responsive business applications.
  • DevExtreme Complete by DevExpress includes configurable Menu and Context Menu components that support hierarchical navigation, adaptive layouts, templates, icons, and integration with its wider collection of UI controls.
  • KendoReact by Telerik provides Menu and ContextMenu components designed for React applications, with support for nested items, keyboard navigation, accessibility, routing integration, and flexible customization.
  • Syncfusion Essential Studio UI Component Suite offers Menu, Context Menu, Hamburger Menu, and Toolbar components with responsive layouts, rich templating, accessibility support, and extensive styling options for web applications.

For an in-depth analysis of features and price, visit our React UI suite comparison.

Compare React UI Suites

버튼 셀 유형으로 명령 실행

7월 27, 2026
그리드를 벗어나지 않고도 자주 사용하는 명령을 빠르게 실행할 수 있도록 버튼 셀(Button Cell) 유형을 통해 그리드 상호작용을 간소화합니다.

Button cell types allow developers to embed interactive buttons directly within grid cells, enabling users to perform actions such as editing, deleting, viewing details, launching dialogs, or executing custom commands without leaving the grid. By keeping actions closely associated with the relevant data, button cell types reduce unnecessary navigation, and improve usability. This makes them well suited to business applications such as customer relationship management systems, inventory management, financial dashboards, and administrative tools, where users frequently perform row-level actions on large datasets.

Several Angular grid controls offer support for button cell types, including:

  • Wijmo Angular DataGrid (FlexGrid) by MESCIUS facilitates interactive button cell types that execute common actions directly within grids, improving usability and efficiency.
  • Kendo UI Angular Grid by Telerik lets you embed button cell types within grid rows, enabling quick actions, streamlined workflows, and improved productivity.
  • DevExtreme Angular Data Grid by DevExpress allows you to add button cell types for row-level commands, simplifying interactions and reducing navigation.
  • Jspreadsheet Pro enables button cell types inside spreadsheet grids, providing convenient access to custom actions while keeping workflows fast and intuitive.

For an in-depth analysis of features and price, visit our Angular Grid controls comparison.

Compare Angular Grid Controls

React 다이어그램을 더 자연스럽게 작성하세요

7월 23, 2026
JointJS+ v4.3.0에는 React 통합 기능이 도입되어, 인터랙티브 다이어그램 애플리케이션을 더 쉽게 구축, 유지, 확장할 수 있습니다.

JointJS+ is a diagramming library that offers advanced features like custom shapes, data binding, and advanced layout algorithms, enabling you to create complex, interactive, and visually appealing diagrams. It includes a ready-to-use demo application that showcases its functionality and serves as a starting point for your own diagramming projects.

The JointJS+ v4.3.0 release introduces JointJS+ for React, giving React developers a more natural way to integrate advanced diagramming capabilities into their applications. By providing React-specific components and patterns, it aligns more closely with the React development model, reducing integration effort while making it easier to build, maintain, and extend diagramming features. This addition also helps development teams create more consistent user experiences within React applications, allowing them to take advantage of JointJS+ functionality without departing from established React workflows.

To see a full list of what's new in v4.3.0, see our release notes.

JointJS+ is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our JointJS+ licensing page for full details.

Learn more on our JointJS+ product page.

JavaScript 앱에 AI 수식 도움말을 추가하세요

7월 23, 2026
애플리케이션에 맞는 스프레드시트 수식을 생성하고 설명할 수 있도록 SpreadJS AI Assistant를 사용자 지정 Ollama 모델로 구성하세요.

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. It delivers true Excel-like spreadsheet experiences with zero dependencies on Excel, with full support for React, Vue, Angular, and TypeScript.

In this blog post, MESCIUS Product Manager Chris Bannon shows you how to connect the SpreadJS AI Assistance add-on to a custom-trained Ollama model so it can generate and explain application-specific spreadsheet formulas without requiring you to manually unpack every function, reference, and operator. Steps include:

  • Create the Custom Spreadsheet Function
  • Put the Function in a Real Workbook Context
  • Add the Formula Editor Panel and AI Assistant Add-on
  • Connect SpreadJS AI to Your Own Endpoint
  • Teach the Model About the Custom Formula
  • Create the Local Ollama Model

Detailed code is included to help you along the way.

Read the complete blog and get started unlocking the power of the SpreadJS AI Assistant.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

RTL 언어로 된 PDF 문서 열람

7월 21, 2026
아랍어, 히브리어, 페르시아어와 같은 언어의 PDF 열람 환경을 최적화하기 위해 JavaScript 애플리케이션에 RTL(오른쪽에서 왼쪽으로 읽는 언어) 지원을 추가하세요.

Right-to-left (RTL) support in a PDF viewer enables the interface and document navigation to align with languages that are read from right to left, such as Arabic, Hebrew, Persian, and Urdu. In a PDF context, RTL support typically adjusts the viewer's layout, navigation controls, scrolling behavior, and text interaction to provide a reading experience that matches the conventions of RTL languages. This improves usability, accessibility, and user familiarity for RTL audiences while helping applications deliver a more localized and consistent user experience.

Several JavaScript PDF viewer components include RTL support, such as:

  • Wijmo Angular PdfViewer (part of Wijmo by MESCIUS) supports right-to-left layouts through its inherited rightToLeft functionality, allowing the viewer to adapt to RTL layouts.
  • KendoReact PDF Viewer (part of KendoReact by Telerik) provides built-in RTL support, enabling the viewer interface to render correctly in right-to-left layouts.
  • Syncfusion Vue PDF Viewer (part of Syncfusion Essential Studio Enterprise) mirrors the viewer interface and toolbar for supported right-to-left languages.

For an in-depth analysis of features and price, visit our comparison of JavaScript PDF viewer components.

Compare JavaScript PDF Viewers