프로젝트 생성

Visual Studio에서 새 프로젝트 만들기를 하고 Blazor WebAssembly 앱을 선택한다.

Cap 2022-04-10 12-52-34-244.png

추가 정보에서 인증 유형은 개별 계정을 선택하고, ASP.NET Core 호스팅을 선택한다. (HTTPS에 대한 구성을 선택하면 알아서 https를 지원하고, 프로그레시브 웹 어플리케이션을 선택하면 PWA 도 빌드할 수 있다.)

Cap 2022-04-10 12-53-02-715.png

ASP.Net Core 호스팅을 선택하면 아래와 같이 Client, Server로 나뉜 프로젝트를 만들어 준다.

Cap 2022-04-10 12-53-43-046.png

이렇게 구성된 프로젝트를 빌드한 후에 프로젝트 폴더를 열어보면, Server 프로젝트가 Client(Blazor앱)을 DLL로 갖고 있음을 알 수 있다. 이는 사용자가 서버에 접속하면 서버는 클라이언트(Blazor)를 을 사용자에게 보내주는 식으로 되어 있고, 클라이언트는 자신을 감싸는 서버에 의존되어 동작한다는 것을 의미한다.

사용자가 클라이언트에 접속하면 클라이언트가 내부적으로 서버에 다시 요청하는 방식과는 다른 것이다.

Cap 2022-04-10 13-01-16-220.png

여튼 이 프로젝트를 실행하면 바로 다음과 같은 브라우저 결과가 뜬다. 참고로 우측 상단의 Log In 버튼은 프로젝트 생성시에 인증 유형을 선택하지 않으면 만들어지지 않는다.

Cap 2022-04-10 13-10-22-451.png

여기서 Fetch Data를 선택하면 아래와 같은 에러 화면이 뜬다. 이는 ASP Core의 기본 DB가 MS-SQL로 잡혀 있기 때문이다. 우선 이것을 바꾸자.

Cap 2022-04-10 13-10-25-753.png

프로젝트 DB 설정 + 사용자 관리