Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 

Blazor 환경 구성 후 빌드 속도가 너무 느리다면?

오호~~~ Blazor가 이제 Preview 단계까지 진행되었다고 합니다.

Blazor와 C#으로 풀스택 웹 개발하기
; https://www.popit.kr/blazor%EC%99%80-c%EC%9C%BC%EB%A1%9C-%ED%92%80%EC%8A%A4%ED%83%9D-%EC%9B%B9-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0/

Learn Blazor
; https://learn-blazor.com/getting-started/

위의 글에서 너무 잘 설명하고 있기 때문에 딱히 할 이야기가 없군요. ^^ 어쨌든 저도 개발 환경을 구성해봤습니다. 일단, .NET Core 2.1은 이미 설치되어 있고,

C:\>dotnet --list-sdks
1.0.4 [C:\Program Files (x86)\dotnet\sdk]
2.0.0 [C:\Program Files (x86)\dotnet\sdk]
2.1.300 [C:\Program Files (x86)\dotnet\sdk]

Visual Studio 2017은 당연히 설치되어 있으니 Blazor 언어 서비스 확장을 설치하는 것으로 끝이 납니다.

ASP.NET Core Blazor Language Services
; https://marketplace.visualstudio.com/items?itemName=aspnet.blazor

이제부터 Visual Studio에서 생성하는 "ASP.NET Core Web Application"에서는 "Blazor" 템플릿을 선택할 수 있습니다. 그냥 선택하고 무조건 F5 빌드해 실행해 보면 Blazor의 매력에 금방 빠질 수 있을 것입니다. ^^




그나저나 빌드 속도가 너무 느립니다. (업데이트 2018-10-16: Blazor 설치 후 Web Application 프로젝트들의 빌드 속도가 느려집니다.) 1분이 넘게 걸리는데 빠르게 UI를 변경하고 테스트하게 되는 Web Application의 성격상 이건 아니다 싶은 생각이 듭니다. ^^; 그래도 혹시나 해서 검색했더니 다행히 우회 방법이 있습니다. csproj에 다음과 같이,

<Project Sdk="Microsoft.NET.Sdk.Web">

    <PropertyGroup>
        <TargetFramework>netstandard2.0</TargetFramework>
        <RunCommand>dotnet</RunCommand>
        <RunArguments>blazor serve</RunArguments>
        <LangVersion>7.3</LangVersion>
        <UseRazorBuildServer>false</UseRazorBuildServer>
    </PropertyGroup>

    <ItemGroup>
        <PackageReference Include="Microsoft.AspNetCore.Blazor.Browser" Version="0.5.1" />
        <PackageReference Include="Microsoft.AspNetCore.Blazor.Build" Version="0.5.1" />
        <DotNetCliToolReference Include="Microsoft.AspNetCore.Blazor.Cli" Version="0.5.1" />
    </ItemGroup>

</Project>

UseRazorBuildServer 속성을 false로 하면 된다고 합니다.

Slow build time - 1m 16s to build sample Blazor app 
; https://github.com/aspnet/Blazor/issues/1019

음... 이젠 다시 개발할만한 환경이다 싶은 마음으로 바뀌었습니다. ^^

Web Assembly는 현재 Internet Explorer는 지원하지 않지만 Edge와 Chrome에서 동작하고 있기 때문에 충분히 현실적으로 사용할만한 수준까지 되었으니 이 시점에서 한 번쯤 그 가능성을 점쳐 보는 것도 나쁘진 않을 듯합니다.




그 외에 처음 개발 환경 구성하고 빌드했을 때 다음과 같은 오류가 발생할 수 있습니다.

1>------ Rebuild All started: Project: RemoteDevice, Configuration: Debug Any CPU ------
!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+-
[System.Collections.Generic.KeyNotFoundException: key
   at Microsoft.VisualStudio.Utilities.PropertyCollection.GetProperty(Object key)
   at ExtentionViewShaderListener.ExtensionlessViewCreationListener.Microsoft.VisualStudio.Text.Editor.IWpfTextViewCreationListener.TextViewCreated(IWpfTextView textView)]
!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+!+-
...[생략]...
========== Rebuild All: 1 succeeded, 0 failed, 0 skipped ==========

무시하고 다시 빌드하시면 됩니다. ^^




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 10/16/2018]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2018-10-04 12시56분
[정환] Blazor를 보니 브라우저 임베디드 스마트클라이언트가 생각나네요... 대단하네요.
[guest]
2022-04-15 09시28분
HACC (HTML5 ANSI Console Canvas) - Blazor WebAssembly component to enable console code to run in a browser
; https://github.com/Blazor-Console/HACC

기존 크롬 익스텐션을 블레이저 웹어셈블리로 이전하기
; https://blog.aliencube.org/ko/2022/07/08/lift-and-shift-existing-chrome-extension-to-blazor-wasm/

기존 크롬 익스텐션을 블레이저 웹어셈블리로 이전하기 #2
; https://blog.aliencube.org/ko/2022/07/20/lift-and-shift-existing-chrome-extension-to-blazor-wasm-2/
정성태

... 31  32  33  34  35  36  37  38  39  40  41  42  [43]  44  45  ...
NoWriterDateCnt.TitleFile(s)
12552정성태3/5/20218435개발 환경 구성: 547. github workflow/actions에서 Visual Studio Marketplace 패키지 등록하는 방법
12551정성태3/5/20217357오류 유형: 702. 비주얼 스튜디오 - The 'CascadePackage' package did not load correctly. (2)
12550정성태3/5/20217046오류 유형: 701. Live Share 1.0.3713.0 버전을 1.0.3884.0으로 업데이트 이후 ContactServiceModelPackage 오류 발생하는 문제
12549정성태3/4/20217516오류 유형: 700. VsixPublisher를 이용한 등록 시 다양한 오류 유형 해결책
12548정성태3/4/20218294개발 환경 구성: 546. github workflow/actions에서 nuget 패키지 등록하는 방법
12547정성태3/3/20218821오류 유형: 699. 비주얼 스튜디오 - The 'CascadePackage' package did not load correctly.
12546정성태3/3/20218430개발 환경 구성: 545. github workflow/actions에서 빌드시 snk 파일 다루는 방법 - Encrypted secrets
12545정성태3/2/202111159.NET Framework: 1026. 닷넷 5에 추가된 POH (Pinned Object Heap) [10]
12544정성태2/26/202111343.NET Framework: 1025. C# - Control의 Invalidate, Update, Refresh 차이점 [2]
12543정성태2/26/20219736VS.NET IDE: 158. C# - 디자인 타임(design-time)과 런타임(runtime)의 코드 실행 구분
12542정성태2/20/202112066개발 환경 구성: 544. github repo의 Release 활성화 및 Actions를 이용한 자동화 방법 [1]
12541정성태2/18/20219312개발 환경 구성: 543. 애저듣보잡 - Github Workflow/Actions 소개
12540정성태2/17/20219636.NET Framework: 1024. C# - Win32 API에 대한 P/Invoke를 대신하는 Microsoft.Windows.CsWin32 패키지
12539정성태2/16/20219525Windows: 189. WM_TIMER의 동작 방식 개요파일 다운로드1
12538정성태2/15/20219920.NET Framework: 1023. C# - GC 힙이 아닌 Native 힙에 인스턴스 생성 - 0SuperComicLib.LowLevel 라이브러리 소개 [2]
12537정성태2/11/202110915.NET Framework: 1022. UI 요소의 접근은 반드시 그 UI를 만든 스레드에서! - 두 번째 이야기 [2]
12536정성태2/9/20219944개발 환경 구성: 542. BDP(Bandwidth-delay product)와 TCP Receive Window
12535정성태2/9/20219061개발 환경 구성: 541. Wireshark로 확인하는 LSO(Large Send Offload), RSC(Receive Segment Coalescing) 옵션
12534정성태2/8/20219691개발 환경 구성: 540. Wireshark + C/C++로 확인하는 TCP 연결에서의 closesocket 동작 [1]파일 다운로드1
12533정성태2/8/20219330개발 환경 구성: 539. Wireshark + C/C++로 확인하는 TCP 연결에서의 shutdown 동작파일 다운로드1
12532정성태2/6/20219843개발 환경 구성: 538. Wireshark + C#으로 확인하는 ReceiveBufferSize(SO_RCVBUF), SendBufferSize(SO_SNDBUF) [3]
12531정성태2/5/20218815개발 환경 구성: 537. Wireshark + C#으로 확인하는 PSH flag와 Nagle 알고리듬파일 다운로드1
12530정성태2/4/202112952개발 환경 구성: 536. Wireshark + C#으로 확인하는 TCP 통신의 Receive Window
12529정성태2/4/202110072개발 환경 구성: 535. Wireshark + C#으로 확인하는 TCP 통신의 MIN RTO [1]
12528정성태2/1/20219460개발 환경 구성: 534. Wireshark + C#으로 확인하는 TCP 통신의 MSS(Maximum Segment Size) - 윈도우 환경
12527정성태2/1/20219698개발 환경 구성: 533. Wireshark + C#으로 확인하는 TCP 통신의 MSS(Maximum Segment Size) - 리눅스 환경파일 다운로드1
... 31  32  33  34  35  36  37  38  39  40  41  42  [43]  44  45  ...