사용자 지정 가능한 그리드로 데이터 풍부한 Web Components 앱을 구축하세요

웹 구성 요소는 종속성이 없고 순수한 HTML/JavaScript이며 기본 HTML 요소로 표시되는 웹 표준 호환 구성 요소입니다. 웹 구성 요소는 함께 사용되는 세 가지 기술로 구성됩니다.

사용자 정의 요소: 이는 동작 및 사용 방법을 정의할 수 있는 일련의 JavaScript API로 만들어진 HTML 요소이며 프레임워크와 브라우저 간에 전달될 수 있습니다.

Shadow DOM: 캡슐화된 "shadow" DOM 트리를 요소에 연결하여 사용자가 DOM 조각을 서로 분리할 수 있도록 하는 JavaScript API 세트입니다.

HTML 템플릿: 이러한 요소는 렌더링된 페이지에 표시되지 않는 HTML의 사용자 정의 템플릿입니다.

Ignite UI for Web Components는 종속성이 없는 접근 방식으로 캡슐화 및 재사용 가능한 구성 요소의 개념을 사용하는 최신 웹 애플리케이션을 위한 완전한 구성 요소 라이브러리입니다. 여기에는 데이터 그리드 및 테이블, 60+ 데이터 차트 및 그래프, 사용자 인터페이스(UI) 구성 요소가 포함됩니다.

Ignite UI for Web Components는 사용 가능한 엔터프라이즈급 Web Components UI 구성 요소의 가장 완벽한 라이브러리입니다. 전문적으로 설계 및 개발된 Ignite UI for Web Components는 종속성이 없는 접근 방식으로 재사용 가능한 구성 요소를 사용하여 최신 웹 애플리케이션을 구축하는 데 필요한 모든 것을 제공합니다. 이 모든 것은 30 + 년의 업계 리더십과 수상 경력에 빛나는 실시간 지원 Infragistics 의해 뒷받침됩니다.

웹 컴포넌트는 Ignite UI 번들의 일부로 포함되어 있습니다. 단일 개발자 라이선스는 1년 표준 지원 및 업데이트를 포함한 1년 구독에 대해 미화 1,355달러부터 시작합니다. 또한 다년 라이선스에 대한 할인도 제공합니다. 가격 책정에 대한 자세한 내용은 가격 책정 페이지를 참조하세요.

시작하기 가장 좋은 곳은 시작하기 문서입니다.

Infragistics 팀은 여기에서 액세스할 수 있는 포괄적인 Web Components 코드 샘플 라이브러리를 유지 관리합니다. 또한 여기에서 액세스할 수 있는 샘플 응용 프로그램 라이브러리도 유지 관리합니다.

Web Components는 프로덕션 준비가 되어 있지만 계속해서 발전하고 발전하여 현재와 미래에 많은 이점을 제공할 수 있습니다. 캡슐화 기능과 <html-element>의 재사용성을 제공합니다. 이러한 모듈화는 모든 프로젝트의 어느 곳에서나 개별 요소를 쉽게 사용할 수 있도록 합니다. 사용자 지정 요소에서 슬롯에 이르기까지 Web Components의 모든 부분이 브라우저에서 원활하게 작동합니다. 사용자 정의 기본 제공 요소는 기본 HTML 요소도 확장할 수 있습니다. 마지막으로, Web Components 플랫폼 독립성을 제공합니다.

Web Components는 서로 다른 기술 스택을 가진 여러 프로젝트에서 작업하고, 서로 다른 앱에서 구성 요소를 사용하거나 공유하려는 경우, 반복적인 작업을 제거하려는 경우에 이상적인 솔루션입니다. 또한 코딩 경험이 거의 없는 개발자에게도 훌륭하고 유용합니다.

새 구성 요소를 쉽게 만들고, 스타일과 기능을 정의하고, 원하는 JavaScript 프레임워크 또는 라이브러리에서 사용할 수 있습니다. Ignite UI for Web Components 시작하려면 컴퓨터에 NodeJS와 Visual Studio Code를 모두 설치해야 합니다.