Component 에 css 를 추가하는 다양한 방법 격리된 CSS: 특정 구성 요소에만 적용되는 규칙 집합입니다. Shared/Global CSS: 웹사이트의 모든 구성 요소에 적용할 수 있는 규칙 집합입니다. 포함된 CSS: 하나 이상의 구성 요소에 적용할 수 있는 규칙 집합입니다. 외부 CSS: 하나 이상의 구성 요소에 적용할 수 있는 규칙 파일입니다. 격리된 CSS Component별 스타일을 정의하려면 Component에 대한 {name}.razor 파일의 이름과 일치하는 {name}.razor.css 파일을 같은 폴더에 만듭니다. {name}.razor.css 파일은 범위가 지정된 CSS 파일입니다. folder 구성 CSS 폴더를 Pages 밑에 만들자 CSS 폴더 안에 CssIsolatio..

Component 에는 하나의 태그 또는 여러 태그가 있다. 이를 Component Contents 라고 하자. 레이아웃은 Component Contents 를 래핑하는 방법이다. 각 레이아웃에는 @Body래핑 구성 요소의 자리 표시자인 속성이 있습니다. Shared/MyLayout.razor @inherits LayoutComponentBase MyLayout Home Counter Fetch data @Body @TrademarkMessage @code { public string TrademarkMessage { get; set; } = "It is MyLayout.razor"; } App.razor Not found Sorry, there's nothing at this address. 실행 Ma..

구성 요소의 수명 주기는 구성 요소가 렌더링될 때 시작되고 구성 요소가 UI에서 제거될 때 끝난다. initialize , ParametersSet , AfterRender 및 Dispose 의 4가지 주요 단계가 있습니다 Initialize And Dispose @page "/components/lifecycle/initialize-dispose" @inject IJSRuntime JSRuntime @inject NavigationManager NavigationManager @implements IDisposable Initialize And Dispose Initialize Value: @Text @code { public string Text { get; set; } = ""; protected ..

처리되지 않은 예외 다음과 같은 이유로 인해 처리되지 않은 예외가 발생하면 프레임워크가 회로를 종료합니다. 처리되지 않은 예외는 종종 회로를 정의되지 않은 상태로 둡니다. 처리되지 않은 예외가 발생한 후에는 앱의 일반 작업을 보장할 수 없습니다. 회로가 정의되지 않은 상태로 계속되는 경우 앱에 보안 취약성이 나타날 수 있습니다. ErrorBoundary 를 통한 Error 처리 Shared/MainLayout.razor: @Body Pages/Counter.razor의 경우 private void IncrementCount() { currentCount++; if (currentCount > 5) { throw new InvalidOperationException("Current count is too ..

Blazor Server 같은 경우는 기본적으로 ASPNet Core 의 Logging 을 그대로 사용할 수 있다. 그래서 해당 설명은 ASPNet Core Logging 을 참조 하면 된다. 여기서는 Logger 를 Inject 하여 Logging 하는 방법을 위주로 설명한다. @page "/logging-counter" @using Microsoft.Extensions.Logging @inject ILogger logger LoggingCounter Counter Current count: @currentCount Click me @code { private int currentCount = 0; private void IncrementCount() { currentCount++; logger.Log..

Blazor 의 시작을 제어할 수 있다. 기본적으로는 자동시작을 하도록 되어 있으나 수동 시작을 구성하고 그 이전과 이후에 특정 동작을 하도록 Javascript 를 구성할 수 있다. 수동시작 구성 Pages/_Layout.cshtml ... Blazor.start() 이후에 작업도 가능 promise 형태이니 then 을 이용한다. ... JS Initializer 를 이용한 동작구성 wwwroot 폴더 밑에 {NAME}.lib.module.js라는 프로젝트에 JS 모듈을 추가 {NAME} 자리 표시자는 어셈블리 이름, 라이브러리 이름 또는 패키지 식별자 js 파일을 열고 다음을 입력 하자 export function beforeStart(options, extensions) { console.log(..