C# 구성 요소를 사용하여 Blazor 앱을 더 빠르게 빌드

Blazor는 Microsoft에서 개발했으며 개발자가 JavaScript 대신 C#, HTML 코드 및 Razor 구문을 사용하여 기능이 풍부한 웹 앱을 만들 수 있는 무료 오픈 소스 웹 프레임워크를 나타냅니다. 서버 측 앱 빌드는 Blazor Server를 통해 수행되는 반면 Blazor WebAssembly는 브라우저에서 직접 클라이언트 측 앱을 실행합니다. Infragistics는 Blazor의 적극적인 기여자이자 후원자입니다.

Blazor.NET으로 빌드된 브라우저에서 실행되는 최신 웹 애플리케이션을 빌드하기 위한 프레임워크입니다. Blazor 사용하면 서버 측(Blazor Server) 또는 클라이언트 측(Blazor WebAssembly) 모델이라는 두 가지 렌더링 모델을 사용하여 웹앱을 빌드할 수 있습니다.

• Blazor 서버 애플리케이션은 ASP.NET Core Razor 페이지를 실행하는 서버에서 ASP.NET Core 호스팅 앱입니다. 처리는 서버에서 수행되며 클라이언트 HTML 페이지 업데이트는 서버 끝점에서 SignalR 연결을 통해 수행됩니다.
• Blazor WebAssembly는 C#으로 작성된 .NET 어셈블리를 브라우저에서 직접 실행하는 SPA(단일 페이지 애플리케이션) 프레임워크입니다. WebAssembly는 웹 페이지에서 바이너리 코드를 실행하기 위한 개방형 표준입니다. 이 모드에서는 애플리케이션과 함께 다운로드된 .NET 런타임에 대해 코드가 실행됩니다.
웹 애플리케이션에 사용하는 두 가지 접근 방식에 관계없이 둘 다 JavaScript 대신 클라이언트 및 서버 코드에 C#을 사용하여 웹 앱을 빌드할 수 있게 해주며 동시에 Blazor의 JavaScript 상호 운용성 브리지와 함께 모든 JavaScript 라이브러리를 사용할 수 있습니다.

Blazor의 고유한 가치는 JavaScript 대신 C#을 사용하여 앱을 생성함으로써 .NET 개발자에게 데스크톱 앱에서 웹 앱으로 전환하기 위한 훌륭한 경로를 포함하여 웹에서 새로운 대화형 환경을 구축할 수 있는 탁월한 선택을 제공한다는 것입니다. JavaScript 프레임워크가 왔다가 사라지는 동안 Microsoft의 ASP.NET은 20년이 지난 후에도 여전히 강세를 보이고 있습니다. ASP.NET에는 다양한 버전과 반복이 있었지만 모든 ASP.NET 버전에서 공통적이고 일관된 주제는 C# 프로그래밍 언어와 .NET Framework입니다. 20년 동안 수백만 명의 개발자가 사용한 .NET Framework의 강력함과 유연성은 오늘날 세계에서 가장 큰(및 가장 작은) 회사를 운영하고 있습니다. Blazor 사용하면 최신 프레임워크로 웹앱을 구축할 수 있는 길이 있습니다. 미래에 대한 관점에서 Microsoft는 Blazor Server와 Blazor WebAssembly 모두에 대한 강력한 Blazor 로드맵을 보유하고 있습니다. Microsoft는 플랫폼 기능, 성능 향상, .NET 5의 장기 지원 및 .NET 6으로의 전환도 발표했습니다. Infragistics 에서는 Blazor의 미래가 밝다고 믿으며 Blazor 사용하여 가능한 최고의 앱을 구축할 수 있도록 UI 컨트롤 및 구성 요소에 투자하고 있습니다.

Blazor 앱은 웹에서 모든 유형의 LOB(기간 업무) 애플리케이션, 생산성 애플리케이션 또는 SaaS 애플리케이션을 실행할 수 있는 ASP.NET, C# 및 .NET Framework를 사용하여 구축된 대화형 최신 웹 애플리케이션입니다. ASP.NET Blazor는 .NET Blazor 사용하여 대화형 클라이언트 측 웹 UI를 구축하기 위한 프레임워크입니다. Blazor 앱은 다음과 같은 점에서 Angular 또는 React 앱과 다릅니다.

• 개발자는 JavaScript 대신 C#을 사용하지만 JavaScript 사용에서 제외되는 것은 아닙니다.
• 개발자는 수십 년간의 보안 및 안정성이 내장된 .NET Framework를 최대한 활용할 수 있습니다.
• ASP.NET Core 사용하여 클라이언트와 서버에서 애플리케이션 논리를 공유할 수 있습니다.
• 개발자는 ASP.NET Core 사용하는 서버 기반 모델 또는 WebAssembly를 사용하는 순수 클라이언트 측 모델을 선택할 수 있습니다.
• Blazor WebAssemby 처리는 .NET 런타임을 사용하여 클라이언트의 브라우저에서 완전히 수행됩니다. Blazor 앱은 C# 클래스, C# 라이브러리 또는 JavaScript 라이브러리 및 Razor 페이지를 사용하여 빌드됩니다. Razor 페이지는 .razr 파일로 표시되며 개발자는 단일 페이지에서 HTML 마크업과 C# 코드를 결합할 수 있습니다.

Blazor 구성 요소는 클라이언트 측 UI 논리 및 구성에 사용되는 .NET 어셈블리에 내장된 재사용 가능한 .NET C# 클래스입니다. Blazor 구성 요소는 페이지, 양식, 데이터 그리드, 데이터 차트 또는 HTML로 렌더링되는 페이지의 모든 측면과 같은 Blazor 웹 애플리케이션의 UI 요소(C# 코드, HTML 태그, 기타 구성 요소)를 나타냅니다. 구성 요소는 상호 작용, 이벤트 및 렌더링 논리를 처리합니다. 구성 요소는 웹앱이나 Razor 클래스 라이브러리 또는 NuGet 패키지와 같은 다른 웹앱에서 중첩되고 재사용될 수 있습니다. Blazor 구성 요소에 대한 Razor 페이지의 이점은 개발자가 Visual Studio intellisense 및 디버깅 기능을 사용하여 HTML 태그, JavaScript 및 C#을 단일 파일에 포함하여 구성 요소 및 페이지 개발을 가속화할 수 있다는 것입니다. Infragistics 30개가 넘는 Blazor 구성 요소를 제공하며, 미래의 앱을 구축하는 데 필요한 기능을 추가로 제공하기 위해 2021년에 Blazor 구성 요소에 막대한 투자를 하고 있습니다.

성능은 모든 애플리케이션 프레임워크의 성공에 매우 중요합니다. 작업이 느리고, 페이지 렌더링이 느리고, 상호 작용이 느리면 프레임워크를 채택할 수 없습니다. 마이크로소프트는 이 사실을 누구보다 잘 알고 있습니다. 다른 신기술과 마찬가지로 Blazor 에도 버전 1에는 항상 문제가 발생하며 그 중 일부는 성능과 관련이 있습니다. Blazor의 가장 큰 반발은 .NET Framework와 실행 중인 실제 애플리케이션의 WebAssembly를 포함하는 패키지 크기와 관련이 있습니다. WebAssembly는 단순한 HTML 페이지 그 이상이며 서버에서 클라이언트로 전송되는 DLL 및 바이너리를 포함하므로 초기 페이로드가 커질 위험이 있으며 이는 웹의 SaaS 앱인 경우 앱에 영향을 미칠 수 있습니다. 내부 LOB(기간 업무) 앱의 경우 페이로드 크기는 일반적으로 관련이 없습니다. Microsoft는 초기 페이로드 크기부터 클라이언트 런타임 실행의 전반적인 성능에 이르기까지 Blazor의 성능 문제를 해결하기 위해 최선을 다하고 있습니다. Infragistics 에서는 지금부터 2021년 가을 .NET 6이 출시될 때까지 이러한 문제가 해결될 것으로 기대합니다.

Blazor는 프로덕션 준비가 완료되었으며 실제로 오늘날 많은 중소기업 및 대기업이 Blazor 사용하고 있습니다. Blazor 2018년 Microsoft에서 처음 출시되었지만 Blazor에 대한 기대감은 2020년 5월 19일 Blazor WebAssembly의 공식 출시를 전후하여 최고조에 달했습니다. Blazor WebAssembly는 Angular 및 React 따르는 애플리케이션을 작성하기 위한 SPA(Single Page Application) 패턴과 거의 일치합니다. . 이는 애플리케이션이 비즈니스 로직을 수행하기 위해 웹 서버에 의존하지 않고 브라우저에서 실행될 수 있으며 웹 서버는 클라이언트에 정적 콘텐츠를 제공하는 데만 필요하다는 것을 의미합니다. 더욱이 C#을 아는 .NET 개발자는 JavaScript를 몰라도 Blazor 사용하여 현대적인 대화형 웹 애플리케이션을 구축할 수 있습니다. Infragistics 에서는 Blazor에 큰 관심을 갖고 있으며 Blazor 특히 Windows Forms 또는 WPF에서 웹으로 마이그레이션을 고려할 수 있는 내부 LOB(기간 업무) 애플리케이션을 위한 프로덕션 준비가 되어 있다고 믿습니다. 2021년에는 성장이 가속화되고 고객은 2021년부터 Blazor 애플리케이션 구축을 본격적으로 시작할 것으로 예상됩니다.

Blazor 앱을 만드는 것은 간단합니다.

Blazor 앱의 필수 구성 요소

1. ASP.NET 및 웹 개발이 설치된 Windows용 Visual Studio 2019 버전 16.6 또는 Mac용 버전 8.6을 설치합니다.
2. Visual Studio Code를 사용하는 경우 .NET 5 SDK를 설치합니다.

Visual Studio를 사용하여 Blazor 앱 만들기

1. 비주얼 스튜디오를 엽니다.
2. 새 프로젝트 만들기를 클릭합니다.
3. Blazor 앱을 선택한 후 다음을 클릭합니다.
4. 프로젝트 이름, 위치 및 솔루션 이름을 변경하거나 기본값을 그대로 두고 다음을 클릭합니다.
5. ASP.NET Core 사용하여 서버 측 웹앱을 만들려면 Blazor 서버 앱을 선택하고, 클라이언트에서 실행될 WebAssembly를 만들려면 Blazor WebAssembly 앱을 선택하세요.
6. Blazor WebAssembly 앱을 선택한 경우 앱의 자산이 ASP.NET Core ASP.NET Core 호스팅 확인란을 선택하세요.
7. 만들기 버튼을 클릭합니다.

명령줄을 사용하여 Visual Studio Code로 Blazor 앱 만들기

1. Visual Studio Code에서 새 터미널을 엽니다.
2. 터미널 프롬프트에서 만들려는 Blazor 앱 유형(Blazor WebAssembly 또는 Blazor Server)에 따라 다음 중 하나를 입력합니다.

dotnet 새로운 blazorwasm

dotnet 새 blazorserver

명령줄에서 Blazor 앱을 만들기 위한 모든 옵션을 알아보려면 -h를 사용하여 도움말 옵션을 확인하세요.

dotnet 새 blazorwasm -h

dotnet 새 blazorserver -h

Ignite UI for Blazor 풍부하고 반응성이 뛰어난 웹 앱을 구축하려는 C# 및 .NET 개발자를 위해 설계된 Blazor 구성 요소 및 컨트롤의 완전한 라이브러리입니다. Blazor 구성 요소 라이브러리에는 더 나은 시각화를 위한 60개 이상의 데이터 차트 및 그래프, 빠른 데이터 그리드 및 테이블, UI(사용자 인터페이스) 구성 요소가 포함되어 있습니다.

Ignite UI for Blazor 사용 가능한 엔터프라이즈급 Blazor UI 구성 요소 중 가장 완벽한 라이브러리입니다. C# 및 .NET 개발자를 위해 전문적으로 설계 및 개발된 Ignite UI for Blazor 풍부한 웹 애플리케이션을 구축하는 데 필요한 모든 것을 제공합니다. 이 모든 것은 Infragistics의 30년 이상의 업계 리더십과 수상 경력에 빛나는 실시간 지원의 지원을 받습니다.

Infragistics 새로운 Blazor 구성 요소, 제품 기능 및 향상된 기능을 소개하는 연간 두 번의 대규모 릴리스를 포함하여 매달 작은 업데이트를 릴리스합니다.

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

시작하기 가장 좋은 곳은 Ignite UI for Blazor 입니다. 문서 및 시작하기 자료. Visual Studio를 사용하여 Blazor Server 앱, Blazor WebAssembly 앱 및 .NET MAUI Blazor 앱을 만드는 방법에 대한 단계별 설명을 제공합니다. 기존 애플리케이션에 Ignite UI for Blazor 추가할 수도 있습니다. 간단히 이동 Ignite UI for Blazor 설치합니다.

예, Ignite UI for Blazor 사용하는 애플리케이션을 무제한 클라이언트에 배포할 수 있습니다. 우리 계획의 유연성으로 인해 우리는 개발자별로 라이선스를 부여하고 런타임, 로열티 또는 배포 비용을 청구하지 않습니다.

Infragistics 팀은 액세스할 수 있는 Blazor 코드 샘플의 포괄적인 라이브러리를 유지 관리합니다. 여기 간단한 새 Blazor 프로젝트가 어떻게 생겼는지 확인하세요. 또한 팀 공동 작업 앱, 전자 상거래, 여행 등을 포함한 샘플 애플리케이션 라이브러리가 있습니다. Blazor 샘플 앱을 탐색할 수 있습니다. 여기

Infragistics Ultimate 22.2 릴리스를 기준으로 모든 Blazor 구성 요소는 .NET 8과 호환됩니다. Infragistics 팀은 항상 .NET의 주요 릴리스를 모니터링하고 모든 구성 요소의 호환성을 유지하여 개발자가 성능 저하 없이 영향력 있는 UX 및 모든 기능을 갖춘 앱을 만들 수 있도록 합니다.