Components Components는 Razor 구성 요소 파일(.razor 파일 확장명 사용)에서 C# 및 HTML 태그 조합을 사용하여 구현됩니다. Razor 구문 Components 는 Razor 구문을 사용합니다. ‘지시문(Directive)’과 ‘지시문 특성(Directive Attribute)’이라는 두 가지 Razor 기능이 구성 요소에서 광범위하게 사용됩니다. 이러한 기능은 Razor 태그에 표시되고 @로 시작하는 예약 키워드입니다. 이름 Components의 이름은 대문자로 시작해야 합니다. ProductDetail.razor는 유효합니다. productDetail.razor이 잘못되었습니다. Components 파일 경로는 파스칼식 대/소문자†를 사용 라우팅 가능한 구성 요소의 구성..

Blazor Server 의 기본 프록젝트를 생성한 후 SignalR 을 통해 HTML 을 주고 받는 것을 확인해 보자 firefox browser 를 열어서 blazor server 의 주소를 넣고 실행해보자 왼쪽 side menu 에서 Counter 를 선택 한다. F12 번을 누르고 네트워크 tab 을 누른다. 하단에 WS 탭을 누르고 f5 를 누르거나 새로고침 버튼을 누른다. 상단 url 에 실행되고 있는 자신의 blazor server app 의 주소 및 port 와 매칭되는 것을 찾는다. 해당 item 을 클릭 한후 오른쪽 상단 응답 탭을 클릭한다. 휴지통 모양 아이콘을 통해 list 를 초기화 하고 click me 버튼을 눌러본다. WS 는 웹 소켓을 의미한다. (Blazor 는 Signal..

blazor 로 검색해서 Blazor WebAssembly App 선택 후 Next Project Name 과 Location 선택 후 Next 아래와 같이 선택 후 Create 실행 (F5를 눌러서 실행 가능) 이외에 배포 후 해당 파일을 다른 서버를 통해 hosting 가능 Publish Visual studio Solution Explorer 에서 Blazor Web Assembly project (만들었던) 를 마우스로 선택하고 마우스 오른쪽 버튼을 누른후 Publish ( 게시) 를 누른다. Next Finish Publish 클릭 Nginx 또는 IIS, apache 등등 대부분의 hosting 서버를 통해 hosting 가능 아래는 http-server 라는 nodejs 용 간단한 hosti..

1. VisualStudio 2022 새 프로젝트 만들기 선택 2. Blzor Server App 선택 Next 3. Project name 및 Loacation 설정 Next 4. Framework 및 추가 정보 입력 Create 5. Project 구성 wwwroot 앱의 퍼블릭 정적 자산을 포함하는 앱의 wwwroot 폴더 css 폴더와 함께 bootstrap code 들이 들어 있다. Data 앱의 FetchData 구성 요소에 예제 날씨 데이터를 제공하는 WeatherForecastService 구현과 WeatherForecast 클래스가 포함되어 있다. Pages Blazor 앱을 구성하는 라우팅 가능한 구성 요소/페이지(.razor)와 Blazor Server 앱의 루트 Razor 페이지를 ..

Blazor Blazor는 Blazor을 사용하여 대화형 클라이언트 쪽 웹 UI를 빌드하기 위한 프레임워크이다. Components 는 .NET 어셈블리에 기본 제공되는 .NET C# 클래스이며 다음을 수행한다. 유연한 UI 렌더링 논리를 정의 사용자 이벤트를 처리 중첩 및 재사용 클래스 라이브러리 또는 NuGet 패키지로 공유 및 배포 Components 일반적으로 .razor 파일 확장자를 가진 Razor 태그 페이지 형식으로 작성 Blazor의 Components 는 공식적으로 Blazor, 비공식적으로 Razor라고 한다. Razor는 개발자 생산성을 위해 설계된 HTML 태그와 C# 코드를 결합하는 구문 **Razor Pages 및 MVC도 Razor를 사용한다.** 호스팅 모델 Blazor S..