Introduction
Blazor는 .NET 코드를 사용하여 대화형 웹 애플리케이션을 만듭니다. 이를 통해 클라이언트 쪽 JavaScript 라이브러리를 관리하는 복잡성 없이 서버와 클라이언트 쪽 모두에서 앱 논리를 공유할 수 있습니다.
피자 배달 회사가 고객을 위한 웹 사이트를 현대화하도록 고용한다고 가정해 보겠습니다. 그래픽 디자이너의 웹 페이지 모형이 제공되고 모든 관련자와 사이트 기능에 대해 자세히 설명합니다. 이제 기본 피자 찾아보기 페이지를 사용하여 사이트 빌드를 시작하려고 합니다. 팀은 수년간의 C# 경험을 가지고 있지만 JavaScript 경험이 적으므로 .NET에서 가능한 한 많은 코드를 작성하려고 합니다. 이 학습 경로의 이후 모듈에서는 체크 아웃 및 인증 페이지를 빌드합니다.
이 모듈에서는 Blazor 구성 요소에 대해 알아보고 이를 사용하여 동적 데이터를 표시하는 사용자 인터페이스를 만드는 방법을 알아봅니다.
학습 목표
이 모듈을 마치면 다음을 수행할 수 있습니다.
- Blazor 구성 요소를 만들어 웹앱에 대한 사용자 인터페이스를 어셈블합니다.
- 웹앱에 표시할 데이터에 액세스합니다.
- 여러 Blazor 구성 요소 간에 웹앱의 데이터를 공유합니다.
- Blazor 구성 요소의 변수에 HTML 요소를 바인딩합니다.