launchSettings.json 이란? launchSettings.json 파일은 애플리케이션이 로컬 개발 환경에서 실행될 때 필요한 여러 설정을 정의하는 파일. Blazor뿐만 아니라 ASP.NET Core MVC, ASP.NET Core API, Razor Pages 같은 다양한 ASP.NET Core 애플리케이션에서도 똑같이 사용.개발자의 로컬 PC에서는 **launchSettings.json**의 환경 변수 설정에 따라 환경별 설정 파일이 로드되며, 최종적으로 애플리케이션 설정이 적용 ✨ launchSettings.json의 주요 역할 1. 서버 실행 설정애플리케이션이 어떤 서버에서 실행될지를 정함예를 들어 kestrel이나 IIS Express같은 서버를 사용할 수 있음 2. 브라우저 실행 여부 애플리케이션을 실행할 때, 자동으.. 2024. 9. 9. [Blazor] MudBlazor 소개 (UI 컴포넌트 라이브러리) MudBlazor 소개 - MudBlazor는 blazor를 위한 강력한 UI 컴포넌트 라이브러리- 직관적인 사용자 인터페이스를 쉽게 구축하게 도와줌 ◈ 특징1. 깔끔한 디자인2. 풍푸한 컴포넌트 및 예제 3. 무료 !! ▶공식 홈페이지 https://mudblazor.com/ MudBlazor - Blazor Component LibraryBlazor Component Library based on Material Design. MudBlazor is easy to use and extend, especially for .NET devs because it uses almost no Javascript.mudblazor.com ▶git hub 페이지 https://github.com/MudBlaz.. 2024. 6. 23. [Blazor] 블레이저란? - 2 (blazor web app/ WebAssembly - 재정리) Blazor Web App(포괄적 용어)Blazor Web App은 Blazor를 사용하여 개발된 웹 애플리케이션을 의미하며, 이는 Blazor WebAssembly와 Blazor Server 모두를 포함하는 포괄적 용어따라서, Blazor Web App은 두 호스팅 모델 중 하나를 사용하거나, 하이브리드 방식을 사용할 수도 있음 Blazor WebAssembly 동작방식Blazor WebAssembly 애플리케이션은 클라이언트 쪽에서 실행됨애플리케이션은 WebAssembly를 통해 브라우저 내에서 .NET 코드를 실행함처음 로드될 때 필요한 모든 파일을 다운로드하고, 이후에는 브라우저에서 직접 실행됨장점서버와의 연결이 필요하지 않아, 오프라인에서도 작동 가능.서버 부하가 줄어들어 서버 비용 절감 가능... 2024. 6. 23. [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 다음
