Blazor?

Blazor란? Blazor가 무엇인지 간단하게 소개하도록 하겠습니다.

 

* Blazor 특징

• Interactive web UI with C#
  • MVVM Pattern과 유사한 Binding 사용
• Run on WebAssembly
  • Client-side
  • Full-stack web development with .NET via WebAssembly
  • Server-side
• Build on open web standards
  • Requires no plugin or code transpilation
  • Works in all modern browsers including mobile browsers
• Share code and libraries
• JavaScript 상호 운용성
• Browser + Razor = Blazor!

 

* Blazor Client-side

 

• 장점
  • .NET 서버의 의존성이 없습니다.
  • 클라이언트 리소스 및 기능을 완벽하게 활용합니다.
  • 서버의 부담을 클라이언트로 전이 합니다.
  • 오프라인 시나리오를 지원합니다.
• 단점
  • 앱을 브라우저의 기능으로 제한합니다.
  • 가능한 클라이언트 하드웨어 및 소프트웨어가 필요합니다 (예 : WebAssembly 지원).
  • 다운로드 크기가 커지고 앱로드 시간이 길어집니다.
  • 덜 성숙한 .NET 런타임 및 툴링 지원 (예 : .NET 표준 지원 및 디버깅의 제한 사항)

 

* Blazor Server-side

 

• 장점
  • 클라이언트 측 앱보다 앱 크기가 훨씬 적으므로 훨씬 빠르게로드됩니다.
  • .NET Core 호환 API 사용을 포함하여 서버 기능을 최대한 활용합니다.
  • 서버의 .NET 코어에서 실행되므로 디버깅과 같은 기존 .NET 도구가 예상대로 작동합니다.
  • 씬 클라이언트와 함께 작동합니다. (예를 들어, WebAssembly 및 자원이 제한된 장치를 지원하지 않는 브라우저에서 작동합니다.)
  • 앱의 구성 요소 코드를 포함한 .NET / C # 코드 기반은 클라이언트에 제공되지 않습니다.
• 단점
  • 높은 지연 시간 : 모든 사용자 상호 작용에는 네트워크 지연이 관련됩니다.
  • 오프라인 지원 없음 : 클라이언트 연결이 실패하면 앱이 작동하지 않습니다.
  • 축소 된 확장 성 : 서버는 여러 클라이언트 연결을 관리하고 클라이언트 상태를 처리해야합니다.
  • 앱을 제공하려면 ASP.NET 코어 서버가 필요합니다. 서버가없는 배포 (예 : CDN)는 불가능합니다.

 

* Blazor 시작전 준비
Visual Studio 2017, 2019
.NetCore 3.0 Preview 5 SDK
Extensions - Manage Extensions - Online - blazor - Blazor Minimal Project Template - Download

 

https://youtu.be/WWgH1aJgydU