웹 프로그래밍/Blazor 범범조조 2022. 11. 19. 22:24
Blaozr 모범사례 첫 번째는 Razor 클래스 라이브러리 프로젝트를 생성 후, 프로젝트 앱에 구성 요소 넣는 방법 입니다. Razor 클래스 라이브러리 생성 및 참조 방법은 아래 이미지를 참고하시면 됩니다. 1.1 Razor 클래스 라이브러리 생성 Razor 클래스 라이브러리 생성합니다. 1.2 프로젝트 구조 모습 Razor 클래스 라이브러리 생성 완료된 프로젝트 구조 모습은 다음과 같습니다. 1.3 Blazor Server 프로젝트에 클래스 라이브러리 참조 Razor 클래스 라이브러리 생성 완료 되었으면, Blazor Server 프로젝트에 앞서 생성한 Razor 클래스 라이브러리를 참조합니다. 1.4 _Layout.cshtml 에 Razor 클래스 라이브러리 링크 추가 참조가 완료 되면, _Lay..
더 읽기
웹 프로그래밍/Blazor 범범조조 2022. 11. 19. 21:21
개요 현재 Blazor 에서 TodoList 기능을 개발하고 있습니다. 여기서 Todo 목록을 추가하기 위한 CircleButton 을 생성하였습니다. CircleButton 을 클릭할 때, 45도 회전각을 주어 회전하는 Animation 을 주고 싶었고, 어떻게 개발 진행했는지에 대해서 정리 진행합니다. CircleButtonComponent.razor 컴포넌트 CircleButtonComponent.razor 컴포넌트 코드는 다음과 같습니다. @ButtonContent @code { [Parameter] public bool IsClicked { get; set; } [Parameter] public string? ButtonContent { get; set; } [Parameter] public E..