Blazor Server 기본적으로 ASPNet Core 의 DI System 을 사용한다. var builder = WebApplication.CreateBuilder(args); builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); builder.Services.AddSingleton(); builder.Services.AddSingleton(); 서비스 수명 Scoped Blazor WebAssembly 앱에는 현재, DI 범위에 대한 개념이 없습니다. Scoped 등록 서비스는 Singleton 서비스처럼 동작합니다. Blazor 서버 호스팅 모델은 HTTP 요청에서 Scoped 수명을 지원하지만 클라이언트에서 로드되는..

URI 및 탐색 상태 도우미 위치 변경 LocationChanged 이벤트는 LocationChanged 이벤트의 경우 LocationChangedEventArgs는 탐색 이벤트에 대해 다음 정보를 제공합니다. Location: 새 위치의 URL입니다. IsNavigationIntercepted: true인 경우 Blazor는 브라우저에서 탐색을 가로챘습니다. false인 경우 NavigationManager.NavigateTo에서 탐색이 발생했습니다. 다음 구성 요소는 NavigateTo를 사용하여 단추를 선택하면 앱의 Counter 구성 요소(Pages/Counter.razor)로 이동합니다. NavigationManager.LocationChanged를 구독하여 위치 변경 이벤트를 처리합니다. 예제..

경로 템플릿 https://yogingang.tistory.com/131 를 보고 Blazor Server 프로젝트를 만들었다고 가정합니다. 위의 App.razor 를 선택 한다. 위와 같은 내용을 볼 수 있다. 앱이 시작하면 라우터의 AppAssembly로 지정된 어셈블리를 검사하여 RouteAttribute가 있는 앱의 구성 요소에 대한 경로 정보를 수집한다. FocusOnNavigate : 한페이지에서 다른 페이지로 이동 CSS 선택기를 사용하여 UI 포커스를 해당 요소로 설정(Selector="h1") NotFound : 요청된 경로의 콘텐츠를 찾을 수 없는 경우 앱에서 사용자 지정 콘텐츠를 지정 여러 어셈블리에서 Components 로 라우팅 하는 방법 @* ... Router component..

Components Components는 Razor 구성 요소 파일(.razor 파일 확장명 사용)에서 C# 및 HTML 태그 조합을 사용하여 구현됩니다. Razor 구문 Components 는 Razor 구문을 사용합니다. ‘지시문(Directive)’과 ‘지시문 특성(Directive Attribute)’이라는 두 가지 Razor 기능이 구성 요소에서 광범위하게 사용됩니다. 이러한 기능은 Razor 태그에 표시되고 @로 시작하는 예약 키워드입니다. 이름 Components의 이름은 대문자로 시작해야 합니다. ProductDetail.razor는 유효합니다. productDetail.razor이 잘못되었습니다. Components 파일 경로는 파스칼식 대/소문자†를 사용 라우팅 가능한 구성 요소의 구성..

Blazor Server 의 기본 프록젝트를 생성한 후 SignalR 을 통해 HTML 을 주고 받는 것을 확인해 보자 firefox browser 를 열어서 blazor server 의 주소를 넣고 실행해보자 왼쪽 side menu 에서 Counter 를 선택 한다. F12 번을 누르고 네트워크 tab 을 누른다. 하단에 WS 탭을 누르고 f5 를 누르거나 새로고침 버튼을 누른다. 상단 url 에 실행되고 있는 자신의 blazor server app 의 주소 및 port 와 매칭되는 것을 찾는다. 해당 item 을 클릭 한후 오른쪽 상단 응답 탭을 클릭한다. 휴지통 모양 아이콘을 통해 list 를 초기화 하고 click me 버튼을 눌러본다. WS 는 웹 소켓을 의미한다. (Blazor 는 Signal..

blazor 로 검색해서 Blazor WebAssembly App 선택 후 Next Project Name 과 Location 선택 후 Next 아래와 같이 선택 후 Create 실행 (F5를 눌러서 실행 가능) 이외에 배포 후 해당 파일을 다른 서버를 통해 hosting 가능 Publish Visual studio Solution Explorer 에서 Blazor Web Assembly project (만들었던) 를 마우스로 선택하고 마우스 오른쪽 버튼을 누른후 Publish ( 게시) 를 누른다. Next Finish Publish 클릭 Nginx 또는 IIS, apache 등등 대부분의 hosting 서버를 통해 hosting 가능 아래는 http-server 라는 nodejs 용 간단한 hosti..