.NET 6 Blazor 관련 컨텐츠를 생성하기 위한 slog

Blazor (Blazor Webassembly)는 .NET 6에서 비로서 완성 될 예정입니다. 이 글은 다음의 목적을 두고 slog 형식으로 내용을 정리해 나갈 예정입니다.

  1. .NET 6 Blazor의 개발 환경 및 기능, 그리고 아키텍처에 대해 이해한다.
  2. 이해한 내용을 컨텐츠로 생성한다.
  3. Blazor에 들어봤거나 들어보지 않은 독자 모두 관심이 생기도록 생성한 컨텐츠의 도식화를 통해 직관적으로 쉽게 이해되어야 한다.
  4. 1차 생성된 컨텐츠를 고도화 하여 2차 좀 더 나은 컨텐츠를 생성한다.
4개의 좋아요

오른쪽 하단의 자막을 통해 한글 자막으로 보실 수 있습니다.

2개의 좋아요

다음은 .NET 3, 5, 6의 라이브 데모입니다. 메뉴 중 'Performance Test Run’을 통해 각 버젼의 Blazor Webassembly의 퍼포먼스를 확인할 수 있습니다.

https://statisticsandblazordotnetcore3.azureedge.net/
https://statisticsandblazordotnet5.azureedge.net/
https://statisticsandblazordotnet6.azureedge.net/

출처 :
bartczernicki/Test-Blazor-WebAssembly-StatisticsAndML-DotNet6: Blazor WASM (WebAssembly) with .NET Core 3.x & .NET 6 implementations, that showcases howto perform statistical analysis locally inside the browser (github.com)

2개의 좋아요

.NET 6의 샘플은 모바일 폰에서도 재생이 원활하게 됩니다. (약간의 인내는 필요하지만) 그리고 인상깊은 것은 재생된 이후 패이지 리플래쉬를 했을 때 거의 즉시 재생이 된다는 것

2개의 좋아요

엥? 한글 자막이 있었나요? YouTube 에서 시청할 때 영어 자막도 없던데, 혹시 직접 번역하셔서 자막을 다신건가요?

1개의 좋아요

헉 ^^; 제가 번역한 것은 아니고요, 이곳에 링크를 거니 바로 영상이 재생이 되네요;

https://channel9.msdn.com/Events/DEVintersection/DEVintersection-2021-Orlando/Blazor-Next-Generation-UI-with-NET-6

이곳에 직접 들어가셔서 보시면 메뉴가 보입니다.

image

1개의 좋아요

Screen Shot 2021-06-29 at 9.41.50

기계 번역이군요 ㅠ.ㅠ

2개의 좋아요

Blazor Webassembly 인지도를 살펴볼 수 있는 자료

웹어셈블리 현황 2021 (scottlogic.com)

2개의 좋아요

Blazor Webassembly AOT를 사용하기 위해서는 워크로드를 설치해야 합니다.

dotnet workload install microsoft-net-sdk-blazorwebassembly-aot

이후 Visual Studio 2019 Preview에서는 게시 시 오류 발생했고,
Visual Studio 2022 Preview에서는 게시가 정상적으로 이루어졌습니다.

2개의 좋아요

오늘 visual studio 2022 preview3에 .net core sdk preview7으로 하는데

dotnet workload install microsoft-net-sdk-blazorwebassembly-aot 실행시 에러가 있었습니다.
workload id가 변경된것인지 아래사진처럼 에러가 나 한참해메었습니다.

dotnet workload install wasm-tools

으로 바뀌었네요. aot설정후 publish하니 정말 한참걸립니다.
그리고, 프로젝트가 한글로 된 폴더에 있으면 에러가 납니다. 참고들 하세요~~

캡처01
캡처02

3개의 좋아요