소개
Blazor를 사용하면 C# 개발자가 해당 기술을 사용하여 C#으로 웹앱을 빌드합니다. Blazor 하이브리드를 사용하면 개발자가 네이티브 모바일 및 데스크톱 클라이언트 앱에서 Blazor 웹 UI 구성 요소(Razor 구성 요소라고 함)를 사용할 수 있습니다. Blazor 하이브리드 앱은 웹과 네이티브 클라이언트 개발의 "하이브리드"를 사용합니다.
Blazor Hybrid는 다음을 통해 Razor 구성 요소를 사용할 수 있습니다.
- .NET MAUI(다중 플랫폼 사용자 인터페이스)
- Windows Forms(WinForms)
- WPF(Windows Presentation Foundation)
클라이언트 측 웹앱을 빌드하는 중이며 .NET 개발자 팀이 이미 있다고 가정해 봅니다. 또한 iOS, Android, macOS 및 Windows를 비롯한 모바일 및 데스크톱 플랫폼에서 네이티브 다중 플랫폼 앱으로 앱을 배포하려는 경우를 생각할 수 있습니다.
Blazor를 통해 개발자는 공용 언어, 프레임 워크 및 도구를 사용하여 웹앱에 프런트 엔드 및 백 엔드 논리를 빌드할 수 있습니다. .NET MAUI를 사용하면 단일 프로젝트에서 다중 플랫폼 앱을 빌드하고 모바일 및 데스크톱 플랫폼에 대한 플랫폼 관련 소스 코드 및 리소스에 액세스할 수 있습니다. 개발자는 이러한 두 기술을 Blazor 하이브리드와 결합하여 공유 UI 구성 요소 및 논리를 활용하는 네이티브 클라이언트 및 웹앱을 빌드할 수 있습니다. Blazor 하이브리드는 전체 네이티브 애플리케이션 또는 네이티브 애플리케이션의 일부에 사용할 수 있습니다.
프런트 엔드 웹앱, 클라이언트 앱 및 백 엔드 코드에 동일한 언어를 사용하는 경우 다음을 수행할 수 있습니다.
- 앱 개발을 가속화합니다.
- 빌드 파이프라인의 복잡성을 줄입니다.
- 유지 관리를 간소화합니다.
- 개발자가 클라이언트 쪽 및 서버 쪽 코드를 이해하고 작업할 수 있도록 합니다.
학습 목표
이 모듈에서 학습할 내용은 다음과 같습니다.
- Visual Studio를 사용하여 Blazor 하이브리드 및 .NET MAUI 개발을 위한 로컬 환경을 구성합니다.
- .NET MAUI로 구동되는 새 Blazor 하이브리드 프로젝트 만들기
- Blazor 하이브리드 페이지에 Razor 구성 요소를 추가합니다.
- Blazor 하이브리드 앱에서 논리를 업데이트합니다.
- Blazor 구성 요소의 이벤트 처리 및 데이터 바인딩에 관해 알아봅니다.
- Blazor 앱에서 라우팅을 사용합니다.
- .NET MAUI를 활용하여 플랫폼 기능에 액세스합니다.