Razor 클래스 라이브러리 소개

완료됨

Razor 클래스 라이브러리를 사용하여 Blazor 애플리케이션 간에 사용자 인터페이스 구성 요소를 공유하고 재사용할 수 있습니다. 이 모듈에서는 Blazor 애플리케이션용 구성 요소를 빌드하고 공유하는 데 초점을 맞추겠습니다.

Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.

예제 시나리오

다양한 고객을 위해 웹 애플리케이션을 빌드하는 컨설팅 회사에서 근무한다고 가정합니다. 고객에게 제공하는 모달 창 구성 요소와 같은 웹 기능 컬렉션이 있습니다. 시간을 절약하기 위해 애플리케이션에서 이러한 기능을 재사용할 수 있어야 합니다.

Razor 클래스 라이브러리를 사용하여 고객을 위해 빌드하는 애플리케이션 간에 해당 기능을 공유할 수 있습니다.

Screenshot of an example modal window component that can be shared across Blazor applications.

이 모듈에서 수행할 작업

이 모듈에서는 다음 목표를 달성하기 위해 Razor 클래스 라이브러리를 만듭니다.

  • 기본 테마가 있는 모달 대화 상자 표시
  • Blazor 애플리케이션에서 모달 대화 상자 사용 및 사용자 지정
  • 다른 애플리케이션에서 사용할 모달 대화 상자 패키지

주요 목표는 무엇인가요?

이 모듈을 마치면 다른 Blazor 애플리케이션에서 공유하고 사용자 지정할 수 있는 모달 창 구성 요소를 디자인할 수 있습니다.

필수 조건

  • HTML, CSS, JavaScript 웹 개발 친숙성.
  • C# 코드를 작성할 수 있는 초보자 능력.
  • .NET 8.0 SDK가 설치됨.
  • IDE(통합 개발 환경). 이 모듈에서는 Visual Studio Code를 사용합니다.

참고 항목

이 모듈에서는 로컬 개발에 .NET CLI(명령줄 인터페이스) 및 Visual Studio Code를 사용합니다. 이 모듈을 완료하면 Visual Studio(Windows) 또는 Visual Studio Code(Windows, Linux 및 macOS)를 사용한 연속 개발을 사용하여 개념을 적용할 수 있습니다.

이 모듈에서는 .NET 8.0 SDK를 사용합니다. 기본 설정 터미널에서 다음 명령을 실행하여 .NET 8.0이 설치되어 있는지 확인합니다.

dotnet --list-sdks

다음 예제와 유사한 출력이 표시됩니다.

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

8으로 시작하는 버전이 나열되어 있는지 확인합니다. 나열되는 버전이 없거나 명령을 찾을 수 없는 경우 최신 .NET 8.0 SDK를 설치합니다.