blazor3 [Blazor] 2. 메뉴 추가하고 화면에 표시하기 왼쪽 Navigation에 신규 메뉴를 추가하고 화면에 표시하기 프로젝트의 구조를 보면 아래의 사진처럼 구성 되어있음 1. Gallery.razor 추가하기 1-1) Pages 폴더 마우스 우클릭 > 추가 > 레이저 구성요소 > Gallery.razor 추가 1-2) Gallery.razor 코드 설명 @* @page 키워드를 넣고 /url을 적어주면 해당 url로 아래 페이지를 요청 가능하다.*@ @page "/gallery" @*페이지 제목 구성하는 부분*@ Gallery 달복이랑 삼희 달복이랑 삼희가 여유롭게 앉아있는 모습 COUNT : @cat1LikeCount 좋아요 썸머 침대위 눕방 즐기는 썸머, 그의 시그니처인 썸머 목걸이도 걸고 있다. COUNT : @cat2LikeCount 좋아요 쥐돌이.. 2020. 12. 11. [Blazor] 1. blazor를 이용하여 서버앱 만들기 - 프로젝트 생성 프로젝트 생성 후 실행 1. visual studio 실행 2. 새 프로젝트 만들기 3. 새 프로젝트만들기에서 blazor 앱 선택 4. 프로젝트 이름 설정 5. Blazor 서버앱 선택 후 만들기 ※ Blazor WEbAssembly app으로 하면 클라이언트 위주의 사이트가 됩니다. 6. F5 눌러서 디버깅 하기 - 기본 프로젝트가 생성되었습니다. 이 상태에서 바로 F5를 눌러 디버깅을 합니다. 7. 사이트 뷰잉 - 사이트가 실행되면서 Hello, world가 뜹니다. 코드에 대한 설명은 다음 포스트에 진행 (영상설명) youtu.be/wchFBp96SXU 2020. 12. 11. [Blazor] 블레이저란? Blazor 1. Blazor란? - 마이크로소프트에서 개발한 오픈소스 웹 개발 프레임워크 - .NET을 사용하여 클라이언트쪽 웹 UI를 빌드함 - 모바일 브라우저를 포함한 광범위한 브라우저 지원을 위해 UI를 HTML 및 CSS로 렌더링함 - 자바스크립트가 아닌 .net core 기반의 c#으로 작성할 수 있다. - 이를 위해 최신 표준인 webAssembly를 채택함 - C#으로 작성된 클라이언트쪽 로직 코드들은 전부 .NET Standard Assembly 파일로 컴파일 후 WebAssembly 런타임 위에서 실행된다. 1-1. Blazor Server ASP.NET CORE 서버와 Razor 엔진을 이용한 에디션, 서버에서 대부분의 렌더링과 프로세싱이 이루어 지는것이 특징 클라이언트의 부담이 적음.. 2020. 12. 10. 이전 1 다음 반응형
