JavaScript / HTML5 뉴스

적응형 모드로 모바일 사용성을 최적화하세요

3월 12, 2025
Kendo UI for Angular 2025 Q1에서는 ColorPicker, TabStrip, Toolbar에 대한 적응형 렌더링이 추가되어 모바일 응답성과 사용성이 향상됩니다.

Kendo UI by Telerik is a comprehensive suite of JavaScript UI components designed to accelerate web application development. Offering pre-built, customizable elements for grids, charts, schedulers, and more, it streamlines UI creation across popular frameworks like jQuery, Angular, React, and Vue. Key features include responsive design, accessibility, and high performance, enhancing user experience. Developers benefit from reduced development time, consistent UI patterns, and the ability to build feature-rich applications faster.

The Kendo UI for Angular (v18.1.0) update (part of Kendo UI 2025 Q1) introduces Adaptive Mode, enabling the ColorPicker, TabStrip, and Toolbar to dynamically adjust their rendering based on screen size, ensuring a seamless user experience across devices. This enhancement allows developers to deliver responsive and accessible interfaces without manual adjustments, as components automatically adapt to available space. The ColorPicker now presents a mobile-friendly action sheet for streamlined color selection, the TabStrip enables horizontal scrolling when tabs exceed container limits, and the Toolbar ensures tools remain accessible by intelligently managing overflow. By integrating Adaptive Mode, developers can simplify UI design, enhance usability, and improve cross-device consistency with minimal effort.

To see a full list of what's new in 2025 Q1 (v18.1.0), see our release notes.

Kendo UI is licensed per developer and has two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

Kendo UI is available individually or as part of the following products:

CSV를 활용하여 그리드 데이터를 원활하게 통합하세요

3월 12, 2025
CSV를 Angular 그리드의 데이터 소스로 활용하면 가볍고 보편적으로 호환되며 처리하기 쉬운 형식으로 이용할 수 있습니다.

Grid controls with CSV/TSV data source support enable developers to seamlessly import, parse, and display structured tabular data from comma-separated or tab-separated files. This functionality simplifies data integration by eliminating the need for complex preprocessing, allowing users to work with large datasets efficiently. It enhances usability by providing built-in parsing mechanisms, automatic column detection, and flexible data binding, ensuring smooth interoperability with various data formats. By reducing manual effort and improving performance, this feature streamlines data-driven application development, making it easier to present, edit, and manipulate structured information within web-based interfaces.

Several Angular grid controls offer using CSV/TSV as a data source including:

  • DataViewJS by MESCIUS enables you to load data from CSV files directly into its grid component, facilitating seamless data integration.
  • Jspreadsheet Pro Data Grid allows you to import data from CSV files, offering a familiar spreadsheet-like interface for data manipulation.
  • jQWidgets Grid facilitates data binding from various sources, including CSV files, ensuring efficient data presentation.
  • DataGridXL supports importing data from CSV files, enabling efficient handling and display of large datasets.

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

Compare Angular Grid Controls

토글 스위치로 부울(boolean) 입력을 간소화하세요

3월 10, 2025
토글 스위치는 참/거짓 값을 처리하는 명확하고 직관적인 방법을 제공하여 데이터 입력 양식의 유용성을 개선하고 입력 오류를 줄입니다.

Toggle switches in data editor components provide a user-friendly way to manage boolean values, offering a clear on/off representation that enhances usability. These switches replace traditional checkboxes with a more modern and intuitive interface, making them particularly useful for mobile and web applications where quick interactions are essential. By improving clarity and reducing user errors, toggle switches contribute to a smoother and more efficient data entry experience.

Several Vue.js data editor collections offer toggle switch controls including:

  • DevExtreme Complete Data Editors by DevExpress offers highly customizable toggle switches with various styling options and accessibility support.
  • Kendo UI for Vue Data Editors by Telerik provides a responsive toggle switch component designed for seamless integration with Vue applications and supporting validation.
  • jQWidgets Data Editors includes toggle switches with theming capabilities and support for multiple frameworks, ensuring compatibility across environments.
  • SmartClient Data Editors by Isomorphic Software delivers flexible toggle switches with advanced event handling and real-time data binding.

For an in-depth analysis of features and price, visit our Vue.js data editors comparison.

Compare Vue.js Data Editors

데이터 요약으로 보고서 분석을 강화하세요

3월 10, 2025
React 애플리케이션에서 보고서를 생성할 때 보고서 요약 및 집계를 통합하면 보고서를 읽는 사람이 데이터를 더 쉽게 해석하고 분석할 수 있습니다.

The ability to summarize and aggregate information in a report provides a means of condensing extensive data sets to form part of a concise and meaningful overview of the report's contents. This feature highlights key insights, eliminating the need for readers to sift through raw data. Aggregation processes the data mathematically through calculations such as totals, averages, percentages, means, or medians to identify patterns and trends. By highlighting and summarizing the report's findings in this way, this feature consolidates complex information in a way that aides the reader in identifying patterns and interpreting the data.

The following React reporting components support summaries and aggregates:

  • DevExpress Reporting gives users the ability to efficiently summarize and aggregate data to draw attention to key insights when generating reports in React applications.
  • ActiveReportsJS by MESCIUS includes React reporting tools that can equip web applications with data aggregation and summarization features for precise data analysis.
  • Stimulsoft Reports.JS also works with React and lets you create structured reports with advanced summary functions and aggregation tools for data-driven insights.

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

Compare React Report Components

차트에서 로캘(locale)을 인식하는 서식을 구현하세요

3월 10, 2025
Highcharts v12에서는 lang.locale이 추가되어 지역별 날짜 및 숫자 서식을 사용할 수 있으며, 브라우저의 언어가 별도로 지정되지 않은 경우 기본값으로 설정됩니다.

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

Highcharts v12 introduces the lang.locale option, enabling locale-aware formatting for dates and numbers in charts. This option allows you to define the locale for all charts on a page or set it individually per chart. If no locale is specified, the chart automatically defaults to the page’s or browser’s language settings. Utilizing the browser’s Intl object, lang.locale ensures that dates and numbers are formatted correctly, not only replacing elements like month and weekday names but also structuring entire date expressions according to the selected locale. For instance, American English (en-US) formats a date as January 1, 2025, while British English (en-GB) displays it as 1 January 2025.

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

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.