Englishํ”„๋ž‘์Šค์–ด์ŠคํŽ˜์ธ์–ด

์˜จ์›์Šค ํŒŒ๋น„์ฝ˜

Windows์šฉ MudBlazor ๋‹ค์šด๋กœ๋“œ

MudBlazor Windows ์•ฑ์„ ๋ฌด๋ฃŒ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ Ubuntu ์˜จ๋ผ์ธ, Fedora ์˜จ๋ผ์ธ ๋˜๋Š” Debian ์˜จ๋ผ์ธ์—์„œ ์˜จ๋ผ์ธ win Wine์„ ์‹คํ–‰ํ•˜์‹ญ์‹œ์˜ค.

MudBlazor๋ผ๋Š” ์ด๋ฆ„์˜ Windows ์•ฑ์œผ๋กœ ์ตœ์‹  ๋ฆด๋ฆฌ์Šค๋ฅผ MudBlazorv6.11.0.zip์œผ๋กœ ๋‹ค์šด๋กœ๋“œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›Œํฌ์Šคํ…Œ์ด์…˜์šฉ ๋ฌด๋ฃŒ ํ˜ธ์ŠคํŒ… ์ œ๊ณต์—…์ฒด์ธ OnWorks์—์„œ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

OnWorks์™€ ํ•จ๊ป˜ MudBlazor๋ผ๋Š” ์ด ์•ฑ์„ ๋ฌด๋ฃŒ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์˜จ๋ผ์ธ์—์„œ ์‹คํ–‰ํ•˜์‹ญ์‹œ์˜ค.

์ด ์•ฑ์„ ์‹คํ–‰ํ•˜๋ ค๋ฉด ๋‹ค์Œ ์ง€์นจ์„ ๋”ฐ๋ฅด์„ธ์š”.

- 1. ์ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ PC์— ๋‹ค์šด๋กœ๋“œํ–ˆ์Šต๋‹ˆ๋‹ค.

- 2. ํŒŒ์ผ ๊ด€๋ฆฌ์ž https://www.onworks.net/myfiles.php?username=XXXXX์— ์›ํ•˜๋Š” ์‚ฌ์šฉ์ž ์ด๋ฆ„์„ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค.

- 3. ์ด๋Ÿฌํ•œ ํŒŒ์ผ ๊ด€๋ฆฌ์ž์—์„œ ์ด ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ์—…๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค.

- 4. ์ด ์›น์‚ฌ์ดํŠธ์—์„œ ๋ชจ๋“  OS OnWorks ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‹œ์ž‘ํ•˜์ง€๋งŒ ๋” ๋‚˜์€ Windows ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

- 5. ๋ฐฉ๊ธˆ ์‹œ์ž‘ํ•œ OnWorks Windows OS์—์„œ ์›ํ•˜๋Š” ์‚ฌ์šฉ์ž ์ด๋ฆ„์œผ๋กœ ํŒŒ์ผ ๊ด€๋ฆฌ์ž https://www.onworks.net/myfiles.php?username=XXXXX๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

- 6. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.

- 7. Linux ๋ฐฐํฌ ์†Œํ”„ํŠธ์›จ์–ด ์ €์žฅ์†Œ์—์„œ Wine์„ ๋‹ค์šด๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค. ์„ค์น˜๊ฐ€ ์™„๋ฃŒ๋˜๋ฉด ์•ฑ์„ ๋‘ ๋ฒˆ ํด๋ฆญํ•˜์—ฌ Wine๊ณผ ํ•จ๊ป˜ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ธ๊ธฐ ์žˆ๋Š” Windows ํ”„๋กœ๊ทธ๋žจ ๋ฐ ๊ฒŒ์ž„์„ ์„ค์น˜ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” Wine์„ ํ†ตํ•œ ๋ฉ‹์ง„ ์ธํ„ฐํŽ˜์ด์Šค์ธ PlayOnLinux๋ฅผ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

Wine์€ Linux์—์„œ Windows ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด์ง€๋งŒ Windows๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. Wine์€ ๋ชจ๋“  Linux ๋ฐ์Šคํฌํƒ‘์—์„œ ์ง์ ‘ Windows ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ์˜คํ”ˆ ์†Œ์Šค Windows ํ˜ธํ™˜์„ฑ ๊ณ„์ธต์ž…๋‹ˆ๋‹ค. ๋ณธ์งˆ์ ์œผ๋กœ Wine์€ Windows๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š๊ณ  ๋ชจ๋“  Windows ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก Windows๋ฅผ ์ฒ˜์Œ๋ถ€ํ„ฐ ์ถฉ๋ถ„ํžˆ ๋‹ค์‹œ ๊ตฌํ˜„ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ ์ƒท

Ad


๋จธ๋“œ๋ธ”๋ ˆ์ด์ €


๊ธฐ์ˆ 

์ทจ๋ฏธ ๊ฐœ๋ฐœ์ž๋ถ€ํ„ฐ ๋Œ€๊ธฐ์—…์— ์ด๋ฅด๊ธฐ๊นŒ์ง€ ์ˆ˜์ฒœ ๋ช…์˜ ์‚ฌ์šฉ์ž๊ฐ€ ์‹ ๋ขฐํ•ฉ๋‹ˆ๋‹ค. MudBlazor๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ข‹์•„ํ•˜๋Š” C# ์–ธ์–ด ๋ฐ ๋„๊ตฌ ์ฒด์ธ์„ ๋ฒ—์–ด๋‚˜์ง€ ์•Š๊ณ  ๋†€๋ผ์šด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹ ์†ํ•˜๊ฒŒ ๊ตฌ์ถ•ํ•˜์‹ญ์‹œ์˜ค. ๋ฐ์Šคํฌํ†ฑ์—์„œ ๋ชจ๋ฐ”์ผ๋กœ ํ™•์žฅ๋˜๋Š” ๋†€๋ผ์šด Blazor ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ฒƒ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ž์ฒด ์™ธ์—๋„ ํ…œํ”Œ๋ฆฟ, ํ•™์Šต ํ”Œ๋žซํผ, ํ…Œ๋งˆ ๊ด€๋ฆฌ์ž, ๋ฐ๋ชจ ๋ฐ ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ๋Š” ๋ฌผ๋ก  ๋ฌธ์„œ ๋ฐ ๋ฌธ์ œ ์ถ”์ ๊ณผ ํ†ตํ•ฉ๋œ ์˜จ๋ผ์ธ ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ๋„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์•ž์œผ๋กœ ๋” ๋งŽ์ด. ์šฐ๋ฆฌ๋Š” ๊ธฐ์—…์ด ๊ธฐ๋ก์ ์ธ ์‹œ๊ฐ„ ๋‚ด์— ๋†€๋ผ์šด ์•ฑ์„ ๊ตฌ์ถ•ํ•˜๊ณ  ๋ฒ„ํŠผ ๋Œ€์‹  ๋น„์ฆˆ๋‹ˆ์Šค์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. MudBlazor๋Š” ์‹ค์ „ ํ…Œ์ŠคํŠธ๋ฅผ ๊ฑฐ์ณค์œผ๋ฉฐ ๊ฐ€์žฅ ๋น ๋ฅด๊ฒŒ ๊ฐœ์„ ๋˜๋Š” ํ”Œ๋žซํผ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊ถŒํ•œ์„ ๋ถ€์—ฌํ•˜๊ณ  Blazor๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•˜๊ฒ ๋‹ค๋Š” ๊ฐ„๋‹จํ•œ ์•ฝ์†์œผ๋กœ MudBlazor๋ฅผ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. MudBlazor๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด HTML, CSS ๋ฐ JS๋ฅผ ๋งˆ์Šคํ„ฐํ•ด์•ผ ํ•˜๋Š” ๋ถ€๋‹ด ์—†์ด ๋›ฐ์–ด๋‚œ ์•ฑ์„ ๋งŒ๋“ค๊ณ  C# ๊ธฐ์ˆ ์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.



๊ธฐ๋Šฅ

  • TryMudBlazor๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง์ ‘ Blazor์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.
  • intellisense, ์—ฌ๋Ÿฌ ํŒŒ์ผ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ „์ฒด ๊ฐ€์ ธ์˜จ ํŽธ์ง‘๊ธฐ ๋ฐ ์ฝ”๋“œ ์ €์žฅ
  • ๋ชจ๋“  ๊ธฐ๋ณธ Blazor ํ…œํ”Œ๋ฆฟ์„ ์ œ๊ณตํ•˜์ง€๋งŒ ๋” ๋น ๋ฅด๊ฒŒ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก MudBlazor๋กœ ์‚ฌ์ „ ๊ตฌ์„ฑ๋จ
  • ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง์ ‘ MudBlazor๋ฅผ ํ…Œ์ŠคํŠธํ•˜์„ธ์š”. ์†Œํ”„ํŠธ์›จ์–ด๋‚˜ ์„ค์น˜๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • MudBlazor๋กœ ์‚ฌ์ „ ๊ตฌ์„ฑ๋œ .NET ํ…œํ”Œ๋ฆฟ ์„ค์น˜
  • MudBlazor๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋†€๋ผ์šด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•


ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด

C#


์นดํ…Œ๊ณ ๋ฆฌ

์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ

์ด๊ฒƒ์€ https://sourceforge.net/projects/mudblazor.mirror/์—์„œ๋„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ ์šด์˜ ์ฒด์ œ ์ค‘ ํ•˜๋‚˜์—์„œ ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•์œผ๋กœ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด OnWorks์—์„œ ํ˜ธ์ŠคํŒ…๋˜์—ˆ์Šต๋‹ˆ๋‹ค.


๋ฌด๋ฃŒ ์„œ๋ฒ„ ๋ฐ ์›Œํฌ์Šคํ…Œ์ด์…˜

Windows ๋ฐ Linux ์•ฑ ๋‹ค์šด๋กœ๋“œ

Linux ๋ช…๋ น

Ad