소개
Blazor는 클라이언트 쪽 JavaScript 라이브러리를 관리하는 복잡성 없이 서버 및 클라이언트 쪽 모두에서 앱 논리를 공유할 수 있는 .NET를 사용하여 대화형 웹 애플리케이션을 만듭니다.
피자 배달 회사에서 고객 대면 웹 사이트를 현대화하기 위해 고용되었다고 가정해 보겠습니다. 피자를 표시하고 고객이 피자 토핑을 사용자 지정할 수 있는 페이지를 이미 빌드했습니다. 이제 주문 페이지를 추가하고 앱의 탐색 기능을 개선하려고 합니다. 또한 고객이 원하는 것을 쉽게 찾을 수 있도록 앱 전체에서 일관된 레이아웃을 유지하려고 합니다.
이 모듈에서는 @page 지시문, Blazor 라우팅 및 NavLink 구성 요소를 사용하여 앱을 통해 고객을 라우팅하는 방법을 알아봅니다. 탐색 기능이 작동하면 앱에 레이아웃을 추가하여 중복 코드를 줄이는 방법에 초점을 맞춥니다.
학습 목표
이 모듈을 마치면 다음을 수행할 수 있습니다.
- 라우터 구성 요소 및 NavLink를 사용하여 Blazor 앱의 탐색을 개선합니다.
- 경로 매개 변수를 사용하여 기능을 향상합니다.
- Blazor 앱에서 레이아웃을 사용하여 중복 코드를 줄입니다.