First Blazor app build 블레이저 시작하기 (2021. 1. 31)

VSC 로 진행하였다.

아래 링크는 선행 되어야 할 것.

dhddl.tistory.com/201?category=905230

.net 기반 프로젝트 생성 with Visual Studio Code

 

 

블레이저 앱 생성 명령어

dotnet new blazorserver -o BlazorApp --no-https

명령어 의미: blazorserver 앱 프로젝트를 만들고, BlazorApp라는 폴더를 생성 한다.

• Program.cs 서버를 시작하는 앱의 진입 점입니다.
• Startup.cs 앱 서비스와 미들웨어를 구성하는 곳입니다.
• App.razor 앱의 루트 구성 요소입니다.
• BlazorApp/Pages디렉토리는 응용 프로그램에 대한 몇 가지 예를 들어 웹 페이지가 포함되어 있습니다.
• BlazorApp.csproj 앱 프로젝트 및 해당 종속성을 정의합니다

 

dotnet watch run

의미: 앱을 빌드하고 시작한 다음 코드를 변경할 때마다 앱을 다시 빌드하고 다시 시작.

첫 표시된 페이지는 Pages/Inex.razor파일에 의해 정의

 

 

dotnet watch run 이 사용중일 때는
dotnet watch run 을 실행한 콘솔에서 Ctrl + C 로 꼭 꺼주어야 한다.
실수로 끄지않고 종료시켰을경우에는,
launchSettings.json 에서 "BlazorApp" - applicationUrl 의 locatHost:5000 라고되어있는부분에서 5000번 포트를 종료 시켜주면된다.

방법: cmd 콘솔창에서

netstat -ano 

-a : 모든 포트를 표시해줍니다.
-n : IP주소:포트 형태로 보여줍니다. (예 - 192.168.0.22:1234)
-o : PID (프로세스 ID)를 표시해줍니다. (해당 프로그램 중지시에 사용)

5000번에 해당하는 PID 를 찾은뒤

Ctrl + Shift + ESC (작업관리자) 에서 해당 PID 찾은뒤 이름 "BlazorApp"(프로젝트이름) 작업끝내기를 해주면 된다.

 

 

이후 계속 Blazor 학습을 원할 경우에는

github.com/dotnet-presentations/blazor-workshop

dotnet-presentations/blazor-workshop

을 참고하길 원하고,

 

docs.microsoft.com/ko-kr/search/?terms=blazor&category=Learn

검색

C#을 ms docs learn 에서 배울 수 있듯이,

ms docs 에서 한국어버전으로 짧게나마 3개정도를 배울 수 있다.