Cascading Parameter Cascading Parameter는 상위 Component에서 원하는 수의 하위 Component들에게 데이터를 전달할 수 있는 기능이다. 쉽게 말해 일반적인 Parameter의 경우 데이터를 전달해줄때 Component마다 개별적으로 전달해주어야 하지만 Cascading Parameter의 경우 폭포(casc...

Component 분리 Blazor에서는 Component 단위로 관리한다. Blazor에서의 Component를 Razor Component라고 부르며 확장자는 .razor이다. Component 단위로 분리하여 관리하면 코드 재사용률을 높일 수 있으며, 부품 조립하듯이 Component들을 조립하는 식으로 웹 페이지를 구성할 수 있다. 앞에서...

속성(attribute)에도 binding할 수 있다 HTML태그 속성(attribute)에도 binding을 할 수 있다. 이전 포스트에서 만든 User 관리 페이지 코드를 가져와 테스트를 해보겠다. User 관리 페이지 @page "/user" @using BlazorApp.Data; <h3>Online Users</h3...

Binding 실습 - 예제) User 관리 페이지 Blazor에서 Binding 기능을 활용해보면서 User 현재 목록 출력 및 추가, 삭제가 가능한 User 관리 페이지를 만들어보자. User 관리 페이지 생성 Pages 폴더에 ‘새 항목 추가 > Razor 구성 요소’를 선택해 User.razor를 생성한다. User 데이터 정의 ...

Blazer 프로젝트 생성 Blazor Server 형식으로 만들경우 Visual Studio에서 ‘Blazor 앱 > Blazor 서버 앱’을 선택해 생성하면 된다. Razor Component(.razor) Blazor는 Razor Component들로 이루어져 있으며 생성방법은 ‘새 항목 추가 > Razor 구성 요소’를 선택...

Blazor Blazor는 Microsoft에서 개발한 오픈소스 웹 개발 프레임워크이다. 가장 큰 특징으로는 .NET Core 기반의 C#으로 웹 앱을 개발할 수 있다. Blazor는 SPA(Single Page Application) 방식을 사용하고 서버측에서 동작하는 Blazor Server와 클라이언트측에서 동작하는 Blazor Client(...

Blazor Blazor는 Microsoft에서 개발한 오픈소스 웹 개발 프레임워크이다. 가장 큰 특징으로는 .NET Core 기반의 C#으로 웹 앱을 개발할 수 있다. Blazor에서는 Blazor Server와 Blazor Client(WebAssembly) 형식이 있다. Blazor Server Blazor Server는 ASP.NET C...

WebAPI WebAPI는 웹 서버 또는 웹 브라우를 위한 인터페이스를 말한다. WebAPI 프로젝트를 MVC 구조와 비교하자면 Model-View-Controller에서 View가 빠진 느낌이라고 생각하면 이해하기 편하다. WebAPI 프로젝트 생성 Visual Studio에서 ‘ASP.NET Core 웹 애플리케이션 > API’를 선택...

Razor Pages ASP.NET Core의 Razor Pages는 이전 MVC(Model-View-Controller) 방식을 사용하는 것보다 좀 더 쉽고 생산적으로 개발할 수 있도록 나온 방식이다. ASP.NET Core Razor Pages 가 뭘까? MVC와 유사한 면도 있지만 Razor Pages는 Model-View-Controlle...

빈 프로젝트에서 시작 앞에서는 MVC 템플릿을 이용하여 프로젝트를 생성해보고 바로 실행해보았지만 이번에는 MVC 동작원리 등을 알아보기 위해 빈 프로젝트에서 하나하나씩 부품 맞추기 형식으로 MVC구조를 살펴보겠다. 빈 프로젝트 생성 ‘새 프로젝트 생성 > ASP.NET Core 웹 애플리케이션 > 비어 있음’을 선택해 빈 프로젝트를 생...