Visual Studio에서 새 프로젝트 만들기를 하고 Blazor WebAssembly 앱을 선택한다.
추가 정보에서 인증 유형은 개별 계정을 선택하고, ASP.NET Core 호스팅을 선택한다. (HTTPS에 대한 구성을 선택하면 알아서 https를 지원하고, 프로그레시브 웹 어플리케이션을 선택하면 PWA 도 빌드할 수 있다.)
ASP.Net Core 호스팅을 선택하면 아래와 같이 Client, Server로 나뉜 프로젝트를 만들어 준다.
이렇게 구성된 프로젝트를 빌드한 후에 프로젝트 폴더를 열어보면, Server 프로젝트가 Client(Blazor앱)을 DLL로 갖고 있음을 알 수 있다. 이는 사용자가 서버에 접속하면 서버는 클라이언트(Blazor)를 을 사용자에게 보내주는 식으로 되어 있고, 클라이언트는 자신을 감싸는 서버에 의존되어 동작한다는 것을 의미한다.
사용자가 클라이언트에 접속하면 클라이언트가 내부적으로 서버에 다시 요청하는 방식과는 다른 것이다.
여튼 이 프로젝트를 실행하면 바로 다음과 같은 브라우저 결과가 뜬다. 참고로 우측 상단의 Log In 버튼은 프로젝트 생성시에 인증 유형을 선택하지 않으면 만들어지지 않는다.
여기서 Fetch Data를 선택하면 아래와 같은 에러 화면이 뜬다. 이는 ASP Core의 기본 DB가 MS-SQL로 잡혀 있기 때문이다. 우선 이것을 바꾸자.