소개
앱 아키텍처를 계획할 때 사용자의 페이지 간 이동 방식을 결정하는 일이 포함됩니다. 일련의 페이지를 앞으로 이동할지 뒤로 이동할지의 문제입니다. 앱에 시작 페이지가 하나 있나요? 아니면 똑같이 중요한 최상위 페이지가 여러 개 있나요? 선택한 탐색 방식은 앱의 콘텐츠와 잘 맞아야 합니다. 대상으로 하는 각 플랫폼에 고유한 느낌을 주어야 합니다.
.NET MAUI를 사용하여 천체 투영관용 앱을 작성한다고 가정해 보겠습니다. 일상 생활에 유용한 천문학적 사실과 개념을 표시하여 천문학에 대한 관심을 불러일으키려고 합니다. 이 앱에는 일출/일몰, 달의 위상, 천체를 다루는 페이지와 정보 페이지가 포함되어야 합니다. 귀하의 임무는 해당 페이지를 위해 직관적인 탐색 패턴을 설계하고 구현하는 것입니다.
이 모듈에서는 탭 페이지를 사용하여 여러 페이지에 데이터를 표시하는 앱을 구현하는 방법을 알아봅니다. 이 탐색 패턴이 어떤 경우에 적합한지, 탭 페이지의 동작을 어떻게 사용자 지정하는지 확인할 수 있습니다. 또한 탭 페이지를 탐색 스택을 사용하는 탐색 페이지와 결합하는 방법을 알아봅니다.
학습 목표
이 모듈에서는 다음을 수행하는 방법을 알아봅니다.
- .NET MAUI Shell을 사용하여 플라이아웃 탐색 구현.
- .NET MAUI Shell을 사용하여 탭 탐색 구현.
- 탭 페이지 내의 페이지 간 이동.
필수 조건
- .NET MAUI 워크로드가 설치된 Visual Studio 2022
- 선택 사항: .NET MAUI 확장 및 .NET MAUI 워크로드가 설치된 .NET SDK가 있는 Visual Studio Code
- C# 및 .NET 사용 경험
.NET MAUI 개발에 대한 요구 사항
.NET 8을 사용하여 .NET MAUI 앱을 만들려면 다음 워크로드가 설치된 Visual Studio 버전 17.8 이상 버전을 설치해야 합니다.
- .NET 다중 플랫폼 앱 UI 개발
또한 .NET MAUI Blazor 앱을 빌드하려면 ASP.NET 및 웹 개발 워크로드를 설치해야 합니다.
자세한 설치 방법은 설명서를 참조하세요.
Visual Studio Code를 사용한 개발
macOS 또는 Linux에서 개발하는 경우 .NET SDK 및 .NET MAUI 워크로드와 함께 Visual Studio Code 및 .NET MAUI 확장을 설치해야 합니다. 자세한 설치 방법은 설명서를 참조하세요.