[C#으로 웹 개발] 1. 개발 환경

by

0. 경우 : https://realmonjuice.154

기본 C# 및 컴퓨터 기술만
맹목적으로 웹 개발을 시도하는 과정 제가 쓰고 있는 글입니다.


가능한 경우 게시물은 Microsoft Learn 자습서를 기반으로 합니다.


Visual Studio 설정(2023년 3월 10일 기준)

일반적으로 웹 개발을 하는 사람들이 Visual Studio Code를 사용하는 것을 알고 있지만 저는 친숙하고 강력한 Visual Studio IDE를 사용하기로 결정했습니다.

'추천 관련글,

Visual Studio IDE 다운로드를 건너뛰고 링크만 남깁니다.

바로가기 : https://visualstudio.microsoft.com/en/downloads/

Visual Studio 도구 다운로드 – Windows, Mac, Linux용 무료 설치

Visual Studio IDE 또는 VS Code를 무료로 다운로드하세요. Windows 또는 Mac에서 Visual Studio Professional 또는 Enterprise Edition을 사용해 보세요.

visualstudio.microsoft.com


[C#으로 웹 개발] 1. 개발 환경 1
Windows 검색 표시줄에서 “Visual Studio Installer”를 검색하고 실행합니다.


[C#으로 웹 개발] 1. 개발 환경 2
편집 버튼을 클릭합니다.


[C#으로 웹 개발] 1. 개발 환경 3
ASP.NET 및 웹 개발 검토 및 문제 해결

이렇게 하면 Visual Studio IDE 설정이 완료됩니다.

샘플 Blazor 프로젝트 빌드 및 실행


[C#으로 웹 개발] 1. 개발 환경 4
Visual Studio를 시작하고 “새 프로젝트 만들기”를 선택합니다.


[C#으로 웹 개발] 1. 개발 환경 5
최상위 카테고리 항목을 C#과 Blazor로 설정한 후 Blazor WebAssembly App을 선택하고 다음 버튼을 클릭합니다.


[C#으로 웹 개발] 1. 개발 환경 6
리허설용이라 건드리지 않겠습니다.


[C#으로 웹 개발] 1. 개발 환경 7
리허설용이라 건드리지 않겠습니다.


[C#으로 웹 개발] 1. 개발 환경 8
“디버깅 없이 실행”하거나 “Ctrl + F5″를 눌러 실행합니다.


[C#으로 웹 개발] 1. 개발 환경 9
웹 페이지가 잘 표시되는지 카운터 페이지에서 카운터가 증가하는지 확인하십시오.

샘플 ASP.NET Core WebAPI 프로젝트 빌드 및 실행

모든 부분을 생략하겠습니다.


[C#으로 웹 개발] 1. 개발 환경 10
범주를 C# 및 WebAPI로 설정한 후 “ASP.NET Core Web API”를 선택하고 다음을 클릭합니다.


[C#으로 웹 개발] 1. 개발 환경 11
다시 말하지만 아무것도 건드리지 않고 프로젝트가 생성됩니다.


[C#으로 웹 개발] 1. 개발 환경 12
실행하면 “Swagger UI”라는 페이지가 나타납니다.

GET /WeatherForecast -> 시도 -> 실행을 클릭합니다.


[C#으로 웹 개발] 1. 개발 환경 13
curl 명령, API 요청 URL, 응답 본문 및 응답 헤더를 검사할 수 있습니다.

ASP.NET Core Web API는 기본적으로 SwaggerUI라는 도구를 지원하는 것으로 보입니다.

검색을 해보니 개발자가 REST 웹 서비스를 설계, 구축, 문서화 및 사용하는 데 도움이 되는 오픈 소스 프레임워크라고 합니다.

클라이언트 측에서 API를 요청할 때 사용하는 서버 제공 API, curl 명령 또는 URL 목록을 보여주고 응답 예시를 친절하게 보여줍니다.

이미 RESTful API를 접했다면 이것을 보면 편리할까요? 그렇게 생각하셨을 것입니다.

Postman이나 그와 비슷한 것으로 테스트할 필요는 없는 것 같지만 ASP.NET Core는 생산성을 정말 신경 쓴 것 같습니다.


[C#으로 웹 개발] 1. 개발 환경 14
이 창은 Blazor에도 나타납니다.

여기에서 호스팅되는 웹사이트가 있나요? 역할을 하는 것 같습니다.


[C#으로 웹 개발] 1. 개발 환경 15
호스팅 콘솔 창을 활성화한 상태에서 Postman GET 요청을 보낸 결과 JSON 데이터가 잘 도착했습니다(방금 했습니다.

. X 따라야 합니다).

강의 중에 일반 C++, 소켓 및 RapidJSON을 사용하여 API 송수신 코드를 작성했던 기억이 납니다…

하지만 ASP.NET Core를 사용하면서 이것이 프레임워크의 강점이라는 것을 깨달았습니다.

배움의 의지는 이미 불타올랐습니다!

다음 포스트

다음 포스팅부터는 먼저 ASP.NET Core Blazor에 대해 자세히 알아보겠습니다.

참조

자랑하다(위키피디아). (2023.03.10). URL:https://en.wikipedia.org/wiki/Swagger_(소프트웨어)

댓글에 여러분의 생각을 자유롭게 남겨주세요 매우 감사합니다.