.NET UI 컴포넌트 온라인 튜토리얼

ComponentOne 튜토리얼 & 템플릿

지금 바로 ComponentOne의 다양한 기능을 확인하고 구현하는 방법을 학습해 보세요.

ComponentOne 시작하기

.NET UI 컴포넌트 시작하기 📖

아래 동영상들을 통해 ComponentOne에서 Chart와 Grid 등 다양한 기능을 사용하는 방법을 학습할 수 있습니다.

ComponentOne 시작하기
WinForms 애플리케이션에서 FlexGrid 사용하기
WinForms, WPF 용 ComponentOne DataFilter 소개
FlexReport Designer를 사용하여 SalesForce에 연결하는 방법
Blazor Server 애플리케이션에서 FlexGrid 사용하기
Blazor WebAssembly 애플리케이션에서 FlexGrid 사용하기

  • ComponentOne 시작하기

    ComponentOne에서 Chart와 Grid 기능을 사용하는 방법을 학습할 수 있습니다.

  • WinForms 애플리케이션에서 FlexGrid 사용하기

    ComponentOne FlexGrid를 사용하여 WinForms 애플리케이션에서 작업을 시작하는 방법을 보여줍니다.

  • WinForms, WPF 용 ComponentOne DataFilter 소개

    ComponentOne의 DataFilter는 사용자가 필터 기준이나 조건에 따라 데이터를 필터링할 수 있게 해주는 컨트롤입니다. 영상을 통해 WinForms, WPF 용 ComponentOne DataFilter에 대해 알아보세요.

  • FlexReport Designer를 사용하여 SalesForce에 연결하는 방법

    FlexReport Designer를 통해 개발 없이 쉽고 빠르게 리포트 양식을 만들어 여러분의 비즈니스 앱에 리포팅 기능을 추가해 보세요!

  • Blazor Server 애플리케이션에서 FlexGrid 사용하기

    ComponentOne FlexGrid를 사용하여 Blazor Server 애플리케이션에서 작업을 시작하는 방법을 보여줍니다.

  • Blazor WebAssembly 애플리케이션에서 FlexGrid 사용하기

    Blazor WebAssembly 애플리케이션에서 FlexGrid를 사용하는 방법에 관해 알아보실 수 있습니다.

ComponentOne 활용 팁

.NET UI 개발 관련 다양한 활용 팁을 확인해 보세요! 💡

ComponentOne을 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.

ComponentOne의 활용 예시를 Step by Step으로 설명합니다. 직접 따라해보며 기능을 학습하실 수 있습니다.

ComponentOne 사용자들끼리 노하우와 팁을 공유할 수 있는 공간입니다.

QNA

질문/답변 공간을 통해, ComponentOne에 대한 기술 지원을 받아 보세요.

무엇이든 물어보세요!

MESCIUS의 전문가 그룹에게 ComponentOne에 대한 막연한 고민과 궁금증을 들려주세요.
여러분들의 고민을 함께 공감하고 도움을 드리겠습니다. 

온라인 제품 상담 개발자 포럼(기술 지원)

ComponentOne 데모

.NET 플랫폼 별 데모

WinForms & WPF 데모 탐색기

모든 윈폼(WinForms) & WPF 데모와 샘플은 하나의 데스크탑 응용프로그램으로 통합되어 더욱 편리하게 확인이 가능합니다.


컨트롤 탐색기와 쇼케이스 데모를 통해 ComponentOne의 다양한 기능을 학습해 보세요.


데모 탐색기 다운로드

ASP.NET MVC & Core 데모 탐색기

기존의 ASP.NET MVC 데모는 ASP.NET Core MVC와 호환이 됩니다. 최고의 ASP.NET MVC 컨트롤에 대해 빠르게 학습하고, 더 많은 샘플 ASP.NET MVC 앱을 통해 개발을 시작할 수 있습니다. 또한, "MVC 클라이언트 학습"를 사용해 ASP.NET MVC 학습 곡선을 단축 할 수도 있습니다. ASP.NET MVC 컨트롤을 직접 체험하고 학습해 보세요.

ASP.NET MVC & Core 샘플

  • BI 대시보드

    대시보드 레이아웃 컨트롤로 BI 대시보드를 구축하세요. 내장된 레이아웃으로 FlexGrid 및 FlexChart와 같은 컨트롤을 임베드해 보세요. 사용자는 컨트롤의 크기를 조정하고 이동할 수 있습니다.

    데모 보기

  • 항공권 예매 시스템

    여러 ComponentOne 컨트롤을 보여주는 웹 애플리케이션 샘플입니다. 비행 정보를 검색, 보기, 필터링하고 ASP.NET MVC ListBox에 표시된 것을 확인할 수 있습니다.

    데모 보기

  • 통계 대시보드

    여러 ComponentOne 컨트롤을 선보이는 반응형 대시보드 데모입니다. 차트 노드를 클릭하여 정보를 드릴다운할 수 있으며, 사용자 지정 아이콘, 스파크라인 및 조건부 서식을 추가할 수 있습니다.

    데모 보기

ASP.NET Web Forms 데모

데이터 그리드, 차트, 입력 컨트롤, 탐색을 포함한 모든 ASP.NET Web Forms UI 컨트롤을 사용해 보세요.


하나의 데모에서 주요 기능과 확장성을 모두 살펴보세요.

데모 보기

Blazor 데모

  • Blazor 컨트롤 탐색기

    .NET 8 WebAssembly 데모에서 모든 ComponentOne Blazor 컴포넌트를 탐색하여 주요 기능이 실제로 작동하는지 확인해 보세요. 런타임에 속성을 구성하고 기본 소스 코드를 확인할 수 있습니다.

    데모 보기

  • Blazor 서버 탐색기

    Blazor Server 애플리케이션에서 모든 ComponentOne Blazor 컴포넌트를 탐색하여 주요 기능이 작동하는 모습을 확인해 보세요. 런타임에 속성을 구성하고 모든 샘플의 기본 소스를 확인할 수 있습니다.

    데모 보기

  • 통계 대시보드

    ComponentOne Blazor 컴포넌트만으로 구축된 실제 대시보드를 확인해 보세요. FlexGrid에서 행 선택을 하면 FlexChart로 시각화된 지역 또는 도시에 대한  상세 데이터를 확인할 수 있습니다.

    데모 보기

Xamarin 데모

  • Xamarin 컨트롤 탐색기

    네이티브 모바일 차트, 그리드, 입력, 그리고 달력을 포함하는 모든 Xamarin 컨트롤을 확인해보세요.


    Windows 10 | iOS | Android

  • Xamarin 차트빌더

    Xamarin 차트를 빌더를 통해 빠르게 네이티브 모바일 차트를 생성해보세요.


    Windows 10 | iOS | Android

  • C1 날씨 앱

    날씨 API와 함께 동작하는 Xamarin 그리드와 차트 컨트롤을 확인해보세요.


    iOS | Android

  • MyBI 비즈니스 인텔리전스 데모

    게이지, 차트, 그리드를 포함하는 Material 디자인 기반의 Xamarin 비즈니스 인테리전스 대시보드를 확인해보세요.


    Android

  • 대시보드(Dashboard) 데모

    게이지, 차트, 그리드, 분석 기능을 Xamarin 영업 대시보드를 확인해보세요.


    Android

UWP 데모

  • UWP 컨트롤 탐색기

    컨트롤의 모든 기능을 확인해 보세요. 해당 데모에는 UWP 데이터 그리드, 차트, 보고서, 입력, 달력 등이 포함됩니다.

    데모 다운로드

  • UWP 대시보드 데모

    세일즈 대시보드 데모를 통해 ComponentOne UWP UI 컨트롤의 다양한 기능을 확인해 보세요. 판매 및 수익 비교 목표, 최고 제품 및 고객을 표시합니다.

    데모 다운로드

  • FlexReport 탐색기

    이 데모는 다양한 FlexReport 및 FlexViewer 기능을 보여줍니다. FlexReport는 보고 서버에 연결하지 않고도 클라이언트에서 바로 보고서를 생성합니다. FlexViewer에서 생성된 보고서를 인쇄하거나 내보낼 수 있습니다.

    데모 다운로드

Web API 데모

서버 측 API로 여러분의 웹 앱을 강화하고 확장하세요.


웹 데모와 공개 API를 통해 Excel 파일을 생성하고 병합하고, 바코드를 만들고, 클라우드 스토리지에서 CRUD 작업을 수행하고, 웹사이트 방문자 정보를 관리하는 방법을 알아 보세요.

ASP.NET Web API 데모 보기