Blazor component parameters
Blazor의 매개변수를 사용하여 부모 구성 요소에서 자식 구성 요소로 데이터를 전달하는 방법에 대해 설명합니다 Show Footer 체크박스를 체크하면 Card Footer가 표시되어야 하고 체크 해제 시에는 카드 바닥글이 숨겨져야 합니다. 이 페이지에는 2개의…
Blazor two way 데이터 바인딩
Blazor two way 데이터 바인딩을 알아보기 위해서 사용자가 텍스트 상자에 입력할 때 입력한 총 문자 수를 표시하는 방법을 알아보겠습니다. Blazor component class 구성 요소 클래스에서 Description 속성을 만듭니다 . 속성을 빈 문자열로…
Blazor 데이터 바인딩
Blazor의 단방향 데이터 바인딩 Blazor의 양방향 데이터 바인딩 Blazor의 단방향 데이터 바인딩 Binding to a property 다음 예제에서는 구성 요소 클래스에서 구성 요소 뷰로의 단방향 데이터 바인딩이 있습니다. 뷰는 구성 요소 클래스의 Name…
Blazor event handling
X 및 Y 마우스 좌표 표시 이미지 요소 위로 마우스를 가져가면 X 및 Y 마우스 좌표를 표시하려고 합니다. mousemove 이벤트가 처리됩니다. Mouse_Move 는 이벤트 처리기 메서드입니다. 이벤트 핸들러는 Coordinates 속성 에 마우스 X 및 Y 좌표를 저장합니다 .…
Blazor에서 둘 이상의 테이블 데이터 표시
둘 이상의 관련 데이터베이스 테이블에서 데이터를 검색하고 Blazor 웹 애플리케이션에 표시하는 방법에 대해 설명합니다 아래 방식은 애플리케이션의 아키텍처, 복잡성 및 요구 사항에 따라 다릅니다. 다음 직원 세부 정보를 표시합니다. ID…
Blazor route parameters
EmmployeeList 구성 요소는 모든 직원 목록을 표시합니다. 보기 버튼을 클릭하면 URL(/employeedetails/3)로 리디렉션되어야 합니다. URI의 값 3은 직원 ID입니다. blazor 구성 요소(EmployeeDetails)는 직원의 세부 정보를 표시합니다. EmployeeDetails.razor @page "/employeedetails/{id}" @inherits EmployeeDetailsBase <div class="row justify-content-center m-3"> <div…
Blazor 에서 REST API 호출
Blazor 애플리케이션에서 REST API를 호출하고 사용하는 방법에 대해 설명합니다 . Blazor Component 가 REST API를 직접 호출할 수 있을까? Blazor 구성 요소는 REST API를 직접 호출할 수 있습니다. 그러나 에러 및 코드를 깔끔하게…
Search REST API 사용하기
REST API에서 Search 기능을 구현하는 방법에 대해 설명합니다 . [Route("api/[controller]")] [ApiController] public class EmployeesController : ControllerBase { private readonly IEmployeeRepository employeeRepository; public EmployeesController(IEmployeeRepository employeeRepository) { this.employeeRepository = employeeRepository; } [HttpGet("{search}")] public async…
Delete REST API 사용하기
직원을 삭제하려면 URI /api/employees/ID 에 HTTP DELETE 요청을 사용합니다. 삭제할 직원의 ID를 URI에 전달해야 합니다 . ASP.NET Core REST API - HTTP 삭제 예시 [Route("api/[controller]")] [ApiController] public class EmployeesController : ControllerBase { private readonly IEmployeeRepository employeeRepository; public…
Put REST API 사용하기
기존 항목을 업데이트하려면 URI /api/employees/ID 에 대한 HTTP PUT 을 사용합니다.업데이트할 직원의 ID는 URI에 전달되어야 합니다. ASP.NET Core REST API - HTTP PUT 예제 [Route("api/[controller]")] [ApiController] public class EmployeesController : ControllerBase { private readonly…