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