Develop Dairy/C#

Blazor ํ˜ธ์ŠคํŒ… ํ™˜๊ฒฝ ์‹œ์ž‘ํ•˜๊ธฐ (WebAssembly) (2021. 03. 16)

ํ‰์ƒ์ฝ”๋”ฉ 2021. 3. 16. 22:30

๐Ÿ“–Blazor ํ˜ธ์ŠคํŒ… ํ™˜๊ฒฝ ๋นŒ๋“œ(WebAssembly)

Blazor ํ˜ธ์ŠคํŒ… ํ™˜๊ฒฝ ๋นŒ๋“œ(์‹œ์ž‘)๋ฅผ ๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ์‹œ์ž‘ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

1. Blazor WebAssembly ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ƒ์„ฑ

dotnet new blazorwasm --hosted --output ProjectName -pwa

--hosted๋Š” ํ˜ธ์ŠคํŒ… ํ™˜๊ฒฝ์œผ๋กœ ์‹œ์ž‘ํ•˜๊ฒ ๋‹ค๋Š” ๋ช…๋ น์–ด

--pwa๋Š” ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ์ง€์›์„ ํ•˜๊ฒ ๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค.

2. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ๊ฒฝ๋กœ๋ฅผ ์˜ฎ๊ธด ๋’ค ๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด Blazor WebAssembly ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋นŒ๋“œ ํ•ฉ๋‹ˆ๋‹ค.

cd BlazingChat
dotnet build

3. ์ด์ œ ์‘์šฉํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•˜๋ ค๋ฉด ํ”„๋กœ์ ํŠธ์˜ ""Server"" ํด๋”๋กœ ์ด๋™ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

cd Server //Server ํด๋”๋กœ ์ด๋™
dotnet run 

localhost:5001

"Server"๋ฅผ ๋„๊ธฐ ์›ํ• ๊ฒฝ์šฐ Cmd์ฐฝ์—์„œ Ctrl+C ๋ฅผ ๋ˆ„๋ฅด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

4. Chrome์„ ์—ด๊ณ  ํ•ด๋‹น ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด Blazor app์ด ์‹คํ–‰๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

localhost:5001

F12๋ฅผ ๋ˆ„๋ฅด๊ณ  ์ƒˆ๋กœ๊ณ ์นจ(F5) ๋ฅผ ํ•˜๋ฉด Console ์ฐฝ์—์„œ DLL์ด ๋กœ๋“œ๋˜์–ด์žˆ๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.