Meow & Code Journey
github: @https://github.com/garambaek1017
📘 RESTful API 네이밍 규칙RESTful API를 설계할 때, 일관성과 가독성을 높이기 위해 다음과 같은 네이밍 규칙을 따르는 것이 중요. 이를 통해 유지보수성과 확장성을 크게 향상시킬 수 있음 1. 🔤 리소스는 명사로 표현 (동사 X)리소스(데이터 객체)는 명사로 표현합니다. 동사 대신 명사로 URL을 작성하는 것이 RESTful API의 기본 원칙입니다.올바른 예시: /users, /items, /orders잘못된 예시: /getUsers, /createItem, /deleteOrder2. 🚀 HTTP 메소드를 활용한 의미 전달동작(행동)은 HTTP 메소드로 표현하고, 경로에 동사를 넣지 않습니다.GET: 리소스 조회 (예: GET /users)POST: 리소스 생성 (예: POST /use..
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..
Blazor Web App(포괄적 용어)Blazor Web App은 Blazor를 사용하여 개발된 웹 애플리케이션을 의미하며, 이는 Blazor WebAssembly와 Blazor Server 모두를 포함하는 포괄적 용어따라서, Blazor Web App은 두 호스팅 모델 중 하나를 사용하거나, 하이브리드 방식을 사용할 수도 있음 Blazor WebAssembly 동작방식Blazor WebAssembly 애플리케이션은 클라이언트 쪽에서 실행됨애플리케이션은 WebAssembly를 통해 브라우저 내에서 .NET 코드를 실행함처음 로드될 때 필요한 모든 파일을 다운로드하고, 이후에는 브라우저에서 직접 실행됨장점서버와의 연결이 필요하지 않아, 오프라인에서도 작동 가능.서버 부하가 줄어들어 서버 비용 절감 가능...
왼쪽 Navigation에 신규 메뉴를 추가하고 화면에 표시하기 프로젝트의 구조를 보면 아래의 사진처럼 구성 되어있음 1. Gallery.razor 추가하기 1-1) Pages 폴더 마우스 우클릭 > 추가 > 레이저 구성요소 > Gallery.razor 추가 1-2) Gallery.razor 코드 설명 @* @page 키워드를 넣고 /url을 적어주면 해당 url로 아래 페이지를 요청 가능하다.*@ @page "/gallery" @*페이지 제목 구성하는 부분*@ Gallery 달복이랑 삼희 달복이랑 삼희가 여유롭게 앉아있는 모습 COUNT : @cat1LikeCount 좋아요 썸머 침대위 눕방 즐기는 썸머, 그의 시그니처인 썸머 목걸이도 걸고 있다. COUNT : @cat2LikeCount 좋아요 쥐돌이..
프로젝트 생성 후 실행 1. visual studio 실행 2. 새 프로젝트 만들기 3. 새 프로젝트만들기에서 blazor 앱 선택 4. 프로젝트 이름 설정 5. Blazor 서버앱 선택 후 만들기 ※ Blazor WEbAssembly app으로 하면 클라이언트 위주의 사이트가 됩니다. 6. F5 눌러서 디버깅 하기 - 기본 프로젝트가 생성되었습니다. 이 상태에서 바로 F5를 눌러 디버깅을 합니다. 7. 사이트 뷰잉 - 사이트가 실행되면서 Hello, world가 뜹니다. 코드에 대한 설명은 다음 포스트에 진행 (영상설명) youtu.be/wchFBp96SXU
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 엔진을 이용한 에디션, 서버에서 대부분의 렌더링과 프로세싱이 이루어 지는것이 특징 클라이언트의 부담이 적음..
![[Blazor] 2. 메뉴 추가하고 화면에 표시하기](http://i1.daumcdn.net/thumb/C120x120/?fname=https://blog.kakaocdn.net/dn/lbIoI/btqPTEUP6Z0/RTUzkHtYCT4j9eE9DZNiOK/img.png)
![[Blazor] 1. blazor를 이용하여 서버앱 만들기 - 프로젝트 생성](http://i1.daumcdn.net/thumb/C120x120/?fname=https://blog.kakaocdn.net/dn/IQd1p/btqPYkVMMRn/KZN3Ic226jY6HIZkK39FKK/img.png)