본문 바로가기

Dotnet8

C#에서의 http 요청/응답/사용 Http Get 요청public async Task SendHttpGet(string url){ try{ using(HttpClient client = new HttpClient()){ HttpResponseMessage response = await client.GetAsync(url); response.EnsureSuccessStatusCode(); string responseBody = await response.Content.ReadAsStringAsync(); return responseBody; } }catch(Exception e){ Console.WriteLine(.. 2024. 11. 19.
최소 api에 jwt bearer 인증 적용하고 Swagger 설정까지 *** 들어가기 전에 이것저것 살펴보기 * 여러 포트에서 동작하게 할 수 있다.app.Urls.Add("http://localhost:3000")app.Urls.Add("http://localhost:4000")app.Run();  * 환경변수에서 포트번호를 읽어와서 설정할 수도 있다.var app = WebApplication.Create(args);var port = Environment.GetEnvironmentVariable("PORT") ?? "3000";app.MapGet("/", () => "Hello world");app.Run($"http://localhost:{port}");  * 로그온 어플리케이션 시작에 메시지를 쓸 수 있다.var app = WebApplication.Create(.. 2024. 8. 1.
Blazor에서 카카오 맵을 쓰려면 * 이 글까지 찾아온 당신은 상당히 열 받아있을 것 같다. 정신건강을 위해서 Blazor에서 카카오맵을 안쓰는 것이 좋겠지만, 어쩔 수 없이 쓰려면 본 글을 참고하면 되겠다. 먼저 카카오 디벨로퍼 https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com여기 들어가서 개발자 등록을 하고 앱 등록을 한다. 그리고 나서 앱 키를 발급받으면 된다. 1. 진입점 중 하나인 App.razor에서 를 추가한다. 2. 당연히 자바스크립트를 쓰는 거기 때문에 우리는 IJSRuntime을 가지고 자바스크립트 함수를 호출하는.. 2024. 7. 25.
SweetAlert를 Blazor에서 썼는데 껍데기만 온다면? 아까 페이지에서 @rendermode InteractiveServer라고 설정한다고 했는데, 문제가 한번 생겼다. 나는 Blazor에서 js 쪽 라이브러리인 SweetAlert2.js를 쓰려고 한다. 그러면 여기는 뭐 npm 이런거 없으니까 내가 직접 cdn을 app.razor에 추가해준다. 신기한 것은 이것이 ridar ( 인텔리제이 ide )의 기능인지는 모르겠다만,,,, 바로 로컬에 다운 받으시것습니까? 라고 뜬다음에 그걸 바로 다른 파일에서 쓸때 안에 들어가 있는 메서드 보여주는 자동완성 인텔리제이 기능까지 딱 보여주는 것이었다.  오오오... 하면서 쓰려고 하고 있는데 페이지에서 테스트 하려고 클릭하니까...  괴상한 SweetAlert가 떠 있는 것이었다.이것은 마치 테무에서 산 Swal이랄까.. 2024. 7. 25.
Blazor의 UI 업데이트 방식 ( feat : 리액트, CSR ) 부서에서 감사하게도, 공부할 시간을 주셔서 이것저것 공부해볼 수 있는 시간을 가지고 있습니다. 요즈음 하루 중 대부분을 Blazor 나 Swift UI 공부하는데에 대부분 할애하고 있는 것 같아요. 오늘은 Blazor로 하루를 먼저 열었습니다. 그래서 블레이저에 대해서 좀 살펴볼게요.   * 블레이저는 뭘까제가 생각할때는 풀스택 웹 프레임워크라고 생각해요.  Next.js가 이걸 따라한 것 같은 느낌이 살짝 들어요. 물론 Next.js가 더 안좋다는건 아니고..Ado.net으로 api를 직접 만들고 메서드로 감싸서 바로 호출 때려버릴 수도 있구요.Entity Framework ( 저는 어려워서 잠시 보류함 ) 라는게 있는데 이거 써서 api 만들 수도 있구요.  확실히 이렇게 프론트 개발하고 쿼리도 직접.. 2024. 7. 25.
Ado.net 그리고 DataTable, DataSet, DataRow에 대해서 알아봅시다. 들어가면서사실 DataTable, DataSet, DataRow는 Blazor에 대한건 아니고, 디비에서 데이트 가져와서 처리할 때 주로 쓰이는 클래스들입니다. 프론트엔드 개발을 하면 우리가 사실 api를 짤 일은 거의 없습니다. 보통은 rest api 쓰는 거에서 그치는데, 마소(마이크로소프트)에서 만든 것들을 보면, 아예 쿼리까지 짜서 한번에 가져오거나 (ado.net) 아니면 디비 설계부터 수정까지 전부 원스톱으로 끝내버리는 (Entity Framework) .... 그런 방법을 쓰더라구요.  EF 같은 경우는 편하긴하지만, 수정하는게 너무 복잡합니다. 그리고 기존의 데이터베이스를 모델에 동기화 시키는데에 있어서 예기치 않은 문제점이 너무 많이 발생했어요. 이 부분은 추후에 정리해서 다루겠습니다. .. 2024. 7. 22.
LINQ(C#)과 Blazor를 활용한 사용자 검색 웹페이지 (공부를 위한 예시코드) 1. 데이터 모델 정의// Models/User.cspublic class User{ public int Id { get; set; } public string Name { get; set; } public int Age { get; set; }}  2. 데이터 서비스 정의// Services/UserService.csusing System.Collections.Generic;using System.Linq;public class UserService{ private List users = new List { new User { Id = 1, Name = "Alice", Age = 25 }, new User { Id = 2, Name = "Bob", A.. 2024. 7. 22.
블레이저 ( Blazor )에 대해서 대략적으로 알아보자. 개요 - 블레이저로 산출된 웹은 `웹앱`이라고 명명함 - CSR, SSR 모두 가능 - 대화형 SSR..? ㄴ 대화형 페이지의 페이지 콘텐츠는 미리 렌더링된다.  - 대화형 렌더링 모드(대화형 SSR) ㄴ 기본적으로 서버 옵션을 사용하도록 설정된다.     ㄴ CSR에서만 대화형 작업을 사용하도록 설정하려면 웹 어셈블리 옵션을 사용한다.      쓸만한 블레이저 UI 라이브러리 1. MudBlazor https://mudblazor.com/components/drawer#usage2. Fluentui-Blazor by Microsoft https://www.fluentui-blazor.net/Tabs3. Blazor Bootstrap https://docs.blazorbootstrap.com/gettin.. 2024. 7. 22.