[Blazor] Blazor WebAssembly와 Blazor Server 결합 프로젝트 생성 방법 (ASP.NET Core Hosted)

Blazor WebAssembly와 Blazor Server를 함께 사용하는 방식으로, WebAssembly가 클라이언트에서 실행되며, ASP.NET Core 백엔드 서버가 호스팅하는 형태입니다. 이 방식은 클라이언트-서버 구조를 통해 백엔드 API 통신이 필요한 대규모 애플리케이션에 적합합니다.

단계

1. Visual Studio 실행:
   • Visual Studio를 열고 새 프로젝트 만들기를 클릭합니다.
2. 프로젝트 템플릿 선택:
   • “Blazor”를 검색하고, Blazor WebAssembly App 템플릿을 선택합니다.
   • 다음을 클릭합니다.
3. 프로젝트 정보 설정:
   • 프로젝트 이름과 경로를 설정하고, 다음을 클릭합니다.
4. Blazor WebAssembly 설정:
   • ASP.NET Core Hosted 옵션을 체크합니다. 이 옵션을 선택하면 백엔드 서버와 클라이언트 프로젝트가 함께 생성됩니다.
   • Progressive Web Application 옵션은 필요 시 선택할 수 있습니다.
   • .NET 런타임을 설정하고, 만들기를 클릭합니다.
5. 프로젝트 구조 확인:
   • Blazor WebAssembly와 ASP.NET Core 서버가 함께 생성된 것을 확인할 수 있습니다.
   • 이 프로젝트는 기본적으로 3가지 프로젝트로 구성됩니다.
     • Client: Blazor WebAssembly 클라이언트 애플리케이션.
     • Server: ASP.NET Core API 서버.
     • Shared: 클라이언트와 서버 간에 공유하는 코드 및 모델 정의.
6. 프로젝트 실행:
   • F5 키를 눌러 애플리케이션을 실행하면, 클라이언트와 서버가 연동되어 작동하는 Blazor WebAssembly + Server 프로젝트가 로드됩니다.