dotnet 명령으로 Blazor Web App(Blazor Server 방식) 생성하기

  • 3 minutes to read

예제 프로젝트명: Hawaso

1. 사전 준비

Blazor Web App(Blazor Server 방식) 프로젝트 생성을 위해 다음 도구가 설치되어 있어야 합니다.

  • .NET SDK (10 이상 권장) 설치 여부는 다음 명령으로 확인할 수 있습니다.

    dotnet --version
    
  • 터미널 환경

    • Windows: PowerShell, Windows Terminal
    • macOS / Linux: 기본 Terminal

SDK 버전이 정상적으로 출력되면 다음 단계로 진행할 수 있습니다.


2. 작업 폴더 준비

프로젝트를 저장할 폴더를 생성한 뒤 해당 폴더로 이동합니다.

mkdir DotNetProjects
cd DotNetProjects

이미 작업용 폴더가 준비되어 있다면 이 단계는 생략할 수 있습니다.


3. Blazor Web App(Blazor Server) 프로젝트 생성

.NET 8 이후의 Blazor 템플릿은 Blazor Web App 구조이며, 옵션을 통해 Blazor Server 방식으로 생성할 수 있습니다.

다음 명령으로 Hawaso라는 이름의 Blazor Server 프로젝트를 생성합니다.

dotnet new blazor -n Hawaso --interactivity Server

옵션 설명

  • dotnet new blazor Blazor Web App 기본 템플릿을 생성합니다.

  • --interactivity Server Blazor Server 방식으로 실행되는 프로젝트를 생성합니다. (기본값은 WebAssembly + Server 혼합 모드이며, 본 옵션으로 명확히 Server 모드로 설정할 수 있습니다.)

생성 결과

명령을 실행하면 다음과 같은 구조가 생성됩니다.

Hawaso/
 ├─ Components/
 │   ├─ Layout/
 │   └─ Pages/
 ├─ wwwroot/
 ├─ appsettings.json
 └─ Program.cs

Blazor Server 인터랙티브 모드가 기본 적용된 구성입니다.


4. 프로젝트 디렉터리로 이동

생성된 프로젝트 폴더로 이동합니다.

cd Hawaso

5. 의존성 복원

프로젝트가 필요로 하는 NuGet 패키지를 복원합니다.

dotnet restore

dotnet run 실행 시 자동 복원되지만, 명확한 초기 작업을 위해 별도로 실행할 수 있습니다.


6. 로컬 실행

Kestrel 웹 서버를 통해 Blazor Server 애플리케이션을 실행합니다.

dotnet run

실행 후 아래와 유사한 로그가 출력됩니다.

Building...
info: Microsoft.Hosting.Lifetime[14]
      Now listening on: http://localhost:5269
info: Microsoft.Hosting.Lifetime[0]
      Application started.

포트는 시스템 환경에 따라 다를 수 있습니다.


7. 브라우저에서 확인

브라우저 주소창에 출력된 URL을 입력합니다.

예:

http://localhost:5269

Blazor Server 방식으로 렌더링되는 기본 페이지가 표시되면 정상적으로 실행된 것입니다.


8. 실행 종료

실행 중인 터미널에서 Ctrl + C 를 입력하여 종료할 수 있습니다.

더 깊이 공부하고 싶다면
DevLec에서는 실무 중심의 C#, .NET, ASP.NET Core, Blazor, 데이터 액세스 강좌를 단계별로 제공합니다. 현재 수강 가능한 강좌 외에도 더 많은 과정이 준비되어 있습니다.
DevLec.com에서 자세한 커리큘럼을 확인해 보세요.
DevLec 공식 강의
C# Programming
C# 프로그래밍 입문
프로그래밍을 처음 시작하는 입문자를 위한 C# 기본기 완성 과정입니다.
ASP.NET Core 10.0
ASP.NET Core 10.0 시작하기 MVC Fundamentals Part 1 MVC Fundamentals Part 2
웹 애플리케이션의 구조와 MVC 패턴을 ASP.NET Core로 실습하며 익힐 수 있습니다.
Blazor Server
풀스택 웹개발자 과정 Part 1 풀스택 웹개발자 과정 Part 2 풀스택 웹개발자 과정 Part 3
실무에서 바로 활용 가능한 Blazor Server 기반 관리자·포털 프로젝트를 만들어 봅니다.
Data & APIs
Entity Framework Core 시작하기 ADO.NET Fundamentals Blazor Server Fundamentals Minimal APIs
데이터 액세스와 Web API를 함께 이해하면 실무 .NET 백엔드 개발에 큰 도움이 됩니다.
VisualAcademy Docs의 모든 콘텐츠, 이미지, 동영상의 저작권은 박용준에게 있습니다. 저작권법에 의해 보호를 받는 저작물이므로 무단 전재와 복제를 금합니다. 사이트의 콘텐츠를 복제하여 블로그, 웹사이트 등에 게시할 수 없습니다. 단, 링크와 SNS 공유, Youtube 동영상 공유는 허용합니다. www.VisualAcademy.com
박용준 강사의 모든 동영상 강의는 데브렉에서 독점으로 제공됩니다. www.devlec.com