blazor

ASP.NET Core - [Blazor] 6. DataBlazor Web Assembly

WebAssembly용으로 작성된 Blazor의 구현체를 Blazor WebAssembly라고 하는데 WebAssembly는 browser의 내부에서 동작하는 virtual machine이며 고수준 언어는 native성능과 근접하게 실행될 수 있는 저수준 언저 중립 assembler로 compile됩니다. WebAssembly는 또한 JavaScript application에서 가능한 API들의 접근을 제공하며 이것으로 WebAssembly application이 domain개체 model에 접근할 수 있고 단계적 style sheet를 사용하며 비동기 HTTP요청을 시작할 수 있음을 의미합니다. Blazor WebAssembly라는 이름에서 알 수 있듯이 이 것은 WebAssembly virtual m..

ASP.NET Core - [Blazor] 5. Blazor Form과 Data

이번 글에서는 Blazor가 Data validation을 포함하여 HTML form을 처리하기 위해 제공하는 몇 가지 기능에 대해 알아볼 것입니다. Blazor가 제공하는 내장 component에 대한 것들과 함께 이들을 실제 어떤 방식으로 사용할 수 있는지와 Blazor model이 Entity Framework Core를 통해 어떤 형태로 예상하지 못한 결과를 유발하고 또 이러한 issue를 어떻게 해결할 수 있는지 등을 포함할 것입니다. 마지막으로 CRUD(Create, Reading, Updating, Deleting)가 가능한 간단한 form application을 만들어 보고 사용자의 경험을 향상하기 위해 어떻게 Blazor form 기능을 확장할 수 있는지도 알아보겠습니다. 1. Proje..

ASP.NET Core - [Blazor] 2. Blazor Server

Blazor는 web application에 client-side 상호작용을 추가하는 것으로 이번 글에서는 Blazor의 2가지 종류 중 Blazor Server에 관해 알아보고자 합니다. 대체로 Blazor server의 작동방식과 예상가능한 문제에 대해 어떻게 대처할 수 있을지에 대한 전반적인 내용을 확인할 것이며 ASP.NET Core application에서 Blzor Server를 사용하기 위한 구성방법과 Blazor Server Project를 위한 부품의 역할을 하는 것으로 Razor component사용 시 가능한 기본적인 기능에 대해서도 살펴보고자 합니다. 1. Project 준비 필요한 Project는 이미 아래 글에서 만들어 보았으며 여기에서 더 바뀌는 것은 없습니다. [.NET/AS..

[ASP.NET Core] Shopping mall project - 관리자기능

이전에 만든 project에서는 사용자가 제품을 선택하고 해당 제품을 장바구니에 담은 뒤 자신의 정보를 입력하여 주문을 완료하는 것까지의 기능을 구현했습니다. 그러나 지속적인 shopping mall의 관리를 위해서는 사용자로부터의 주문과 제품을 관리할 수 있는 관리자의 기능도 필요할 것입니다. 관리자의 기능은 Blazor를 사용해 구현할 것입니다. Blazor는 Client-Side인 Javascript Code를 ASP.NET Core에 의해 실행되는 Server-Side Code와 결합하고 persistent HTTP 연결에 의하여 연결됩니다. 참고로 해당 글에서는 Server에서 Code를 실행하는 Blazor Server를 사용할 것입니다. 또 다른 것으로 Blazor WebAssembly가 있..

[ASP.NET Core] Blazor 웹 프로젝트 시작하기

이번 포스팅에서는 Blazor를 사용하여 사용자 인터페이스를 구축하는 방법에 관해 간단히 알아보고자 합니다. 또한 Blazor만이 가진 특징과 함께 나름대로의 장·단점에 대해서도 함께 살펴보고자 합니다. 우선 웹서버나 웹브라우저에서 실행할 수 있는 Blazor component에 관한 것부터 알아 볼 것입니다. Blazor component는 2가지 방법으로 제공될 수 있는데 첫번째로 Blazor Server로 호스트되는 경우로서 브라우저상의 사용자 인터페이스 변경을 위해 SignalR을 사용할 수 있는 반면 Blazor WebAssembly로 호스트되는 경우에는 Web Browser상에서 코드가 실행되고 서버와의 상호작용을 위해 HTTP요청을 만들어 호출하는 방법을 사용하게 됩니다. 1. Blazor의..