[C#] .NET MAUI Blazor (모바일 / 웹) 크로스 플랫폼 앱 만들기

- 설치 해야할 것들..

   01. Visual Studio 2022

         -  Install 항목에서 .NET MAUI 관련 앱 포함하여 다운로드

   02. Android Emulator 

         - .NET MAUI 프로젝트를 생성하고 나서 해도 됍니다.

 

 

 

[Visual Studio 2022 실행]

▼

[.NET MAUI Blazor 앱 선택]

 

 

 

[아래와 같은 솔루션 생성]

 

 

[Components 화면]

* View 역할을 한다.. 어떻게 쓰이는지는 열어봐야 알 듯

* 느낌상 Layout 폴더에는 화면 전체 Base 가 되는 느낌

* Pages 는 각종 Contents 를 구성하는 화면이 되는 느낌

* _Imports.razor / Routes.razor 는 화면 공통 정의에 쓰이는 느낌

 

 

[솔루션 빌드]

 

 

[Windows Machine 으로 띄우기]

* Visual Studio 상단에 Windows Machine 체크

 

[재생 버튼같이 생긴 녀석 클릭]

 

 

[디버그 프로세스에 올라온 앱]

* Home / Counters / Weather 은 위에 Components 폴더에서 본 razor 였군..

 

 

[Android Emulator 로 띄우기]

* 우선 Android 디바이스 관리자를 실행해야한다.

* Android 관련 설치파일을 다운로드한다.

* 어떻게했는지 기억이 안나요.. ㅜㅜㅜㅜㅜ 죄송

* 이런 화면이 띄워지면 되고.. 설치하라는대로 다했습니다...

* Emulator 가 생성되면 꼭 시작 버튼을 먼저 누릅니다.

 

 

[빈 Emulator 확인]

* 이건 빈 Emulator 로 저희가 만든 App 은 없습니다.

 

 

[Visual Studio 상단에서 Emulator 선택]

 

[재생버튼 클릭]

***** 중요 : 저는 이걸 위에서 Emulator 실행 안하고 해서 계속 안됀다고 떳어요 2시간 고생함.. 바보같이 에러찾고다님요

 

 

[실행중인 Emulator 에서 App 확인]

* 똑같이 메뉴가 올라오고 내용물들 확인할 수 있슴니다..

 

 

 

이후에 DB도 연결해보고.. 간단한 Planner 앱을 만들어 볼까 합니다..

감사합니당..