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