본문 바로가기

블레이져

(5)
블레이저 앱 개발을 위한 환경 설정 블레이저 앱 개발을 위한 환경 설정: 블레이저를 하기 위해서, 두 가지가 필요하다. Net Core SDK 3.1 이상: .NET Core SDK가 시스템에 설치되었는지 여부를 확인하고 명령 프롬프트에 dotnet -–list-sdks 명령을 입력한 후 아래 이미지에 표시된 대로 Enter 키를 누르십시오. 위의 이미지에서 볼 수 있듯이, 내 컴퓨터에는 의 5가지 버전이 있다 .NET Core SDK가 설치된다. 현재 최신 버전인 NET Core SDK 5 도 설치된다. https://dotnet.microsoft.com/download/ 위의 URL로 이동한 후 다운로드를 클릭하십시오. 블레이저 앱 개발을 위한 IDE(Integrated Development Environment): Blazor 앱을 ..
블레이저란 무엇인가? ASP.NET WebAssembly에서 실행 하는 클라이언트측 어플리케이션의 프레임웍 이다. HTML, CSS와 같은 복합적인 웹 UI를 구축하기 위한 자바스크립트 대신 C#와 Razor 구문을 사용. 풍부하고 현대적인 싱글 페이지 애플리케이션(SPA) 플랫폼의 모든 이점을 제공. 브라우저에서 실행되는 클라이언트측 웹 프로젝트. WebAssembly WebAssembly는 브라우저의 코드에 대한 이진 포맷으로, 기존의 자바스크립트보다 훨씬 빨리 실행되며, 브라우저에 다음과 같은 몇 가지 장점을 제공한다. 네이티브에 가까운 성능으로 실행 메모리 세이프, 샌드박스에서 실행 그것은 다양한 언어, 즉 .NET, C, C++, 자바, 러스트 등으로부터 컴파일된다. WebAssembly의 가장 큰 장점은 Javas..
생성 주기 OnInit & OnInitAsync 구성 요소가 초기화될 때 실행되는 동기 및 비동기 이벤트. OnInitialized 가 먼저 실행 되고, OnInitializedAsync 가 실행. 구성 요소가 완전히 로드되면 실행. UI의 각 컨트롤이 초기화 이벤트 이후에 발생 하므로, 이 이벤트에서 데이터를 구성. @page "/LifeCycle" 초기화 동기 비동기 Demo @foreach (var item in evtType) { @item } @functions{ List evtType = new List(); //동기 초기화 protected override void OnInitialized() { evtType.Add("OnInitialized 호출."); } //비동기 초기화 protected ove..
라우팅. 블레이저 서버 앱은 ASP.net Core EndPoint라우팅을 사용하며, ASP.net Core EndPoint 라우팅의 MapBlazorHub 확장 방법을 사용 Blazor 구성요소에 대한 수신 연결을 허용한다. Blazor Client app Blazor Server app 일반적으로 _Host.cshtml 구성요소에 정의 되나, 기본적으로는 아래 설정을 따른다. public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { //요청 URL에 대한 경로 사용 및 계산 설정 app.UseRouting(); //컨트롤러와 해당 핸들러를 실행하는 설정 app.UseEndpoints(endpoints => { endpoints.MapB..
Blazor 소개. C# 만으로 서버 / 클라이언트 개발을 할 수 있게 해 줍니다. Html / Css / Javascript 는 기본적으로는 숙지가 되어야겠지만요... Blazor는 WebAssembly 및 Server의 2개의 호스팅 모델을 제공하며, Razor / Scss / Typescript는 알아두면 좋습니다. 이제 도구 설정을 해 봅시다. 기본적으로는 Windows 10 Home 또는 Pro를 설치하여야 합니다. 1.. NET Core SDK 3.1 이상 설치 Download .NET (Linux, macOS, and Windows) Free downloads for building and running .NET apps on Linux, macOS, and Windows. Runtimes, SDKs, and ..