코다의 코딩공부 코다의 코딩공부

1. Blazor Client vs Blazor Server Blazor Client 실행결과) Blazor Client프로젝트를 생성하고 실행하면 Blazor Server와 똑같은 웹페이지가 출력됨을 볼 수 있다. 그리고 폴더와 파일의 구성도 비슷하고 파일의 내용도 다 비슷한데 다른 ASP.NET Core와 달리 Startup.cs가 없다는 것을 알 수 있다. 2. Blazor Client철학 최초에 게임을 다운로드 받을 때의 1회에만 서버에서 요청을 하고 게임을 실행할 때 부터는 네트워크와 연결을 끊고 독립적으로 게임을 실행하는 경우가 있다. 이렇듯 서버와 거의 상호작용없이 독립적으로 프로그램을 처리하는 경우에 사용하는 것이 Blazor Client이다. 예를들어, 스팀에서 싱글 플레이어 게임을 다운..

1. Blazor Server 흐름분석 Blazor Server프로젝트를 생성하면 위와같은 폴더와 파일들이 생성이되는데 이를 실행하면 아래의 웹 페이지가 출력이된다. 코드의 흐름을 보면 다음의 순서와 같다. Program.cs using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Threading.Tasks; using Microsoft.AspNetCore; using Microsoft.AspNetCore.Hosting; using Microsoft.Extensions.Configuration; using Microsoft.Extensions.Hosting; using Microsoft..

1. WebAPI 분석 웹 API는 M, C는 있지만 V는 없는 패턴이다. V : HTML형식으로 UI를 그려줌 UI를 없애는 이유는 UI가 그릴필요가 없는 경우가 있기 때문이다. 예를들어, 서버에서 유니티로 데이터를 전송하는 경우에 HTML로 UI를 그리는게 아니고 유니티 내에서 UI를 그리는 경우가 있다. 이런 경우에 HTML로 UI를 그리는 것은 불필요하기 때문에 없애주는 것이다. 결국 데이터만 보내주고 View는 알아서 그리라는 것이다. 2. WebAPI 구현 HelloMessage.cs using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; namespace HelloEmpty...

1. Razor Page 구성 MVC패턴에서는 M, V, C의 3가지 구성요소로 이루어져있었다. M : 원본 데이터를 표현 V : 웹 사이트에 출력되는 걸 표현 C : 기능 표현 그리고 Razor Page는 M-VC모델이라고 봐도되는데 VC의 역할을 하는 것이 Page이다. 2. Razor Page 구현 저번의 MVC처럼 이번에도 HelloEmpty프로젝트를 통해 Razor Page를 구현해본다. 그러면 위의 사진처럼 2개의 파일이 생성되는데 index.cshtml이 View의 역할을 하고, index.cshtml.cs가 Controller의 역할을 한다. index.cshtml @page @model HelloEmpty.Pages.IndexModel @Model.HelloMsg.Message @Mode..

1. MVC 철학 - MVC 로 나누는 이유 일반적으로 처음 코딩을 했을 때 모든 데이터, 기능 등을 Main함수 안에 다 넣어버리게 된다. 이렇게 코딩을 하였을 때 규모가 커지면 데이터, 랜더링, 모델 등의 코드들이 꼬일 수도 있다는 위험이 있다. 결국에는 이러한 문제점을 막기위해 ASP .NET Core에서 여러가지 모델들을 만들어 주었는데 그 중 하나가 MVC이다. Model : 원본 데이터를 다룸. 원래의 데이터를 모델링을 어떻게 할 것이냐가 된다. View : UI를 어떻게 표시해줄지를 나타내는데 html태그를 이용함. Controller : 버튼 클릭 등에 관련된 각종 이벤트를 처리하는 액션을 다룬다. 그리고 비어 있는 프로젝트를 통해 실제로 MVC패턴을 구현해보기로 한다. 2. MVC 구현 ..

1.ASP.NET Core 종류 - MVC - Razor Page - Web API - Blazor Server - Blazor Client 2. MVC 생성 Visual Studio 2019버전 기준으로 아래 사진의 탬플릿을 선택한 다음 만들어주면 된다. 3. Razor Page 생성 4. WebAPI 생성 5. 빈 템플릿 사용 기존의 탬플릿을 사용하는 것이 아닌 비어 있는 탬플릿을 활용해서 MVC, Razor Page, WebAPI등을 만들어 줄 수도 있다. 6. Blazor Server 생성 7. Blazor Client 생성