.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하니 정말 한참걸립니다.
그리고, 프로젝트가 한글로 된 폴더에 있으면 에러가 납니다. 참고들 하세요~~


좋아요 3