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…
REST API Model 유효성 검사 하기
ASP.NET Core 기본 제공 모델 유효성 검사 속성 ASP.NET Core는 모델 유효성 검사를 위한 몇 가지 기본 제공 특성을 제공합니다. Required - 필수 필드를 지정합니다. Range - 허용되는 최소값과 최대값을 지정합니다. MinLength…
Post REST API 사용하기
URI /api/employees 에 HTTP POST 요청을 만듭니다 이유는 /api/employees 컬렉션에 새 직원을 추가하기를 원하기 때문에 의미가 있습니다. ASP.NET Core REST API - HTTP POST 예제 [Route("api/[controller]")] [ApiController] public class EmployeesController : ControllerBase { private readonly…