웹 프로그래밍/Blazor 범범조조 2022. 11. 20. 21:24
Blazor 세 번째 모범사례는 CSS를 사용한 구성 요소 파일 및 스타일 지정 입니다. 쉽게 얘기하면, 컴포넌트, C# 코드, CSS 영역을 모두 분리하는 구조를 의미합니다. 다음과 같은 구조입니다. 위처럼 컴포넌트, C# 코드, CSS 영역 을 나눠서 개발을 진행하는 것이 좋습니다. 예제로 AKButton.razor, AKButton.razor.cs, AKBUtton.razor.css 프로젝트 파일에 다음 코드들을 추가하였습니다. 3.1 AKButton.razor @namespace AKLab01.Blaozr.Components AKButton Button Secondary Outline Primary 3.2 AKButton.razor.cs namespace AKLab01.Blaozr.Componen..
더 읽기
웹 프로그래밍/Blazor 범범조조 2022. 11. 20. 00:27
Blazor 두 번째 모범사례는 구성 요소에 대한 명확한 폴더 및 네임스페이스 구조를 갖는 것 입니다. 즉, 1번에서 생성한 Razor 클래스 라이브러리에 앞으로 추가된 Components 폴더를 만들고 하위 디렉터리로 Button, DataGrid 등등.. 명확하게 폴더를 나누고 네임스페이스를 지정해 주는 것입니다. 2.1 하위 Components 폴더 생성하기 1번에서 생성했던, Razor 클래스 라이브러리에 Components 라는 폴더를 생성합니다. 그리고 하위 폴더에는 Button, DataGrid 2개의 폴더를 생성합니다. 테스트를 진행하기 위해, Button 폴더에 AKButton.razor 컴포넌트를 생성합니다. 2.2 Components/Button/AKButton.razor 에 네임스페..