Blazor WASM 예제: Push Server FrontEnd

어떤 분이 푸시서버를 만들고 저에게 프론트엔드를 마음대로 만들라고 하셔서… Blazor WASM으로 만들고 프론트엔드 개발자로서 후기를 남겨봅니다.

장점

  • TypeScript보다 더 강력한 타입 지원
  • 생각보다 강력한 Form 지원
  • Blazored이 잘 되어있어 빠르게 프로토타이핑하기에 좋아보입니다.

아쉬운점

  • razor 컴포넌트 내의 값을 업데이트 했는데 컴포넌트 렌더링이 다시 안됨. 숙련도 문제와 연결되는 문제일 수도 있습니다.
  • 현재 프론트엔드는 빌드 크기 감소에 힘쓰고 있는데 닷넷 런타임을 다운받아 속도가 느려지는 것이 안타깝습니다.
5개의 좋아요

저도 최근에 학습 삼아 블레이저 웹어쎔블리 프로젝트를 해봤는데요

저도 이런 현상을 겪었는데 처음에는 브라우저 내부 캐싱 문제라 생각하고 캐시를 지우고
ctrl + F5 새로고침 등 시도해 봤지만 여전히 변경 전 컨텐츠로 보이는 문제가 있었습니다.

아무래도 WASM이 최초 로드시 html, css파일 JavaScript 파일 들이 로컬에 다운로드 되어 실행되는데
수정된 컴포넌트에 관련된 최종 렌더링 html및 기타 필요 파일들이 다시 다운로드 되지 않고 그대로 남아 있어서 그런것 같습니다.

블레이저 wasm이 기존 다운로드 된 파일과 서버에 있는 파일간의 버전 정보를 어떻게 처리 하는지는 좀 알아봐야 될것 같습니다. 어떤 규칙(?)으로 최신 파일로 갱신 되는지요

아 그리고 테마 같은것을 사용하면 시간단축을 하면서 쉽고 빠르게 이쁜 프론트를 구성할 수 있습니다.
블레이저 테마를 적용한 샘플 코드를 한번 공유해 봅니다.

Blazor WASM 샘플 사이트 :
Blazor.AdminLte.Wasm (arong.info)


위 사이트는 GitHub의 Pages로 호스팅 되고 있으며, Actions 워크플로우로 자동 빌드 및 배포 되고 있습니다.
tyeom/Blazor_Test: .NET Blazor Test (github.com)

5개의 좋아요

잘 볼게요!

3개의 좋아요

감사합니다!

2개의 좋아요

샘플 사이트 잘 참고하겠습니다! 저도 github page로 배포해봐야겠네요.

2개의 좋아요