Blazor를 사용하여 웹앱 빌드

개요

Blazor 웹 사용자 인터페이스 프레임워크를 사용하여 첫 번째 웹앱을 빌드하는 방법을 알아봅니다.

사전 요구 사항

None

이 학습 경로의 모듈

다음 웹앱을 빌드하기 위한 Blazor의 주요 기능을 살펴봅니다.

Blazor를 사용하여 첫 번째 웹앱을 빌드하는 방법을 알아봅니다.

Blazor를 사용하여 to-do 목록을 작성하는 방법을 알아봅니다.

Blazor 구성 요소를 사용하여 웹앱에 대한 사용자 인터페이스 요소를 디자인합니다. 데이터를 가져와 동적 웹 페이지에서 사용자에게 표시합니다.

@page 지시문, Blazor 라우팅, NavLink 및 NavMenu 구성 요소를 사용하여 요청 라우팅을 관리하는 방법을 알아봅니다. Blazor 구성 요소에 라우팅 매개 변수를 추가하여 앱 유연성을 향상합니다. 레이아웃을 사용하여 중복 코드를 줄여 앱을 개선합니다.

Blazor에서 폼을 사용하고, 이벤트 처리기를 추가하고, 사용자가 제출하는 데이터의 유효성을 검사하는 방법을 알아봅니다. Blazor 양식 구성 요소를 사용하면 클라이언트 쪽 JavaScript를 작성하지 않고도 클라이언트 쪽 양식의 유효성을 검사하여 유효성 검사를 처리할 수 있습니다.

Blazor 앱을 JavaScript 코드와 상호 운용하고, 템플릿 구성 요소를 사용하고, 구성 요소 수명 주기 이벤트를 처리하는 방법을 알아봅니다.

Blazor 구성 요소를 사용하면 애플리케이션에서 HTML 섹션을 다시 사용할 수 있습니다. 구성 요소를 빌드하고, 패키징하고, 다른 Blazor 애플리케이션과 공유하는 방법을 알아봅니다.

이 모듈에서는 “Connect Four” 게임을 빌드하면서 Blazor의 기본 사항을 알아봅니다.