BeomBeomJoJo

전체보기 (1478)

[Blazor] 라우팅 및 탐색

웹 프로그래밍/Blazor 범범조조 2022. 10. 23. 00:23

참조 https://learn.microsoft.com/ko-kr/aspnet/core/blazor/fundamentals/routing?view=aspnetcore-6.0 경로 템플릿 Router 구성 요소를 사용하여 Blazor 앱에서 Razor 구성 요소로 라우팅할 수 있습니다. App.razor: Sorry, there's nothing at this address. @page 지시문을 포함하는 Razor 구성 요소(.razor)를 컴파일하면 생성된 구성 요소 클래스에 구성 요소의 경로 템플릿을 지정하는 RouteAttribute 가 제공됩니다. 앱이 시작하면 라우터의 AppAssembly로 지정된 어셈블리를 검사하여 RouteAttribute 가 있는 앱의 구성 요소에 대한 경로 정보를 ..

더 읽기

[Blazor] Layout

웹 프로그래밍/Blazor 범범조조 2022. 10. 22. 05:22

참고 https://learn.microsoft.com/ko-kr/aspnet/core/blazor/components/layouts?view=aspnetcore-6.0 https://blazor-university.com/layouts/creating-a-blazor-layout/ 개요 Blazor Layout 에 대하여 학습 하고 정리 진행합니다. Blazor Layout 만들기 페이지의 레이아웃 템플릿으로 사용하려는 콘텐츠는 LayoutComponentBase 클래스의 자손이어야 합니다. 페이지의 내용을 표시할 위치를 지정하려면 Body 속성 내용을 출력하기만 하면 됩니다. Razor 템플릿 또는 C# 코드로 정의된 Razor 구성 요소를 만듭니다. Razor 템플릿을 기반으로 하는 레이아웃 구성 ..

더 읽기

[Blazor] 바인딩

웹 프로그래밍/Blazor 범범조조 2022. 10. 22. 00:20

참고 https://learn.microsoft.com/ko-kr/aspnet/core/blazor/components/data-binding?view=aspnetcore-6.0 https://yeko90.tistory.com/entry/c-blazor-%EB%B0%94%EC%9D%B8%EB%94%A9-%EC%96%91%EB%B0%A9%ED%96%A5-%EB%8B%A8%EB%B0%A9%ED%96%A5 테스트 진행할 razor 파일 생성 Visual Studio 2022 에서 Blazor Server 웹 프로젝트를 생성 후, Pages 디렉터리에 테스트를 진행할 razor 파일을 생성 합니다. Test.razor @page "/test" routing 주소를 설정하였습니다. @page "/test" Tes..

더 읽기

[Blazor] SignalR 이란?

웹 프로그래밍/Blazor 범범조조 2022. 10. 21. 19:19

참고 https://learn.microsoft.com/ko-kr/aspnet/core/signalr/introduction?view=aspnetcore-6.0 SignalR 란? ASP.NET Core SignalR은 앱에 실시간 웹 기능을 추가하는 것을 간소화하는 오픈 소스 라이브러리입니다. 실시간 웹 기능을 사용하면 서버측 코드에서 클라이언트에 콘텐츠를 즉시 푸시할 수 있습니다. SignalR에 적합한 후보: 서버에서 자주 업데이트해야 하는 앱. 예를 들어 게임, 소셜 네트워크, 투표, 경매, 지도 및 GPS 앱이 있습니다. 대시보드 및 모니터링 앱, 예를 들어 회사 대시보드, 즉석 판매 업데이트 또는 여행 경고가 있습니다. 공동 작업 앱. 예를 들어 화이트보드 앱 및 팀 회의 소프트웨어가 있습니다..

더 읽기

[Blazor] Blazor 앱 만들기

웹 프로그래밍/Blazor 범범조조 2022. 10. 21. 18:17

참고 https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/install 개요 빌드 가능한 Blazor 웹 앱을 만들어 봅니다. 설치 및 다운로드 ASP.NET and web development 워크로드를 선택해서 설치를 진행합니다. 앱 만들기 Visual Studio를 시작하고, 새 프로젝트 만들기 를 선택합니다. 새 프로젝트 만들기 대화 상자에서 검색 상자에 blazor 를 입력하고 Enter 키를 누릅니다. Blazor 서버 앱 템플릿을 선택하고 다음을 선택합니다. 새 프로젝트 구성 대화 상자에서 프로젝트 이름으로 BlazorApp을 입력하고 다음을 선택합니다. 추가 정보 대화 상자에서 모든 기본값을 그대로 두고 만들기를 선택할 수 있습..

더 읽기

[Blazor] Blazor 란?

웹 프로그래밍/Blazor 범범조조 2022. 10. 21. 18:15

참고 https://azderica.github.io/00-web-webassembly/ https://blog.dotnetdev.kr/blazor%EC%99%80-c-%EC%9C%BC%EB%A1%9C-%ED%92%80%EC%8A%A4%ED%83%9D-%EC%9B%B9-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0-3cda61c2217 WebAssembly 란? 웹 어샘블리는 C나 C++와 같은 프로그래밍 언어를 컴파일해서 어느 브라우저에서나 빠르게 실행되는 바이너리 형식으로 바꿔주는 기술을 의미합니다. 일반적으로 웹 어플리케이션을 개발할 때 사용하는 언어는 HTML/CSS/JavaScript 이며, 그 중 JavaScript 는 동적인 부분을 개발합니다. 기존의 개발은 JavaScr..

더 읽기

[PostgreSQL] postgresql too many clients already 오류 발생 및 해결 방법

Database(데이터베이스) 범범조조 2022. 10. 13. 21:23

참고 https://dev-h2.tistory.com/12 개요 현재 ADC Egde 에서는 postgreSQL 데이터베이스를 이용하여 서비스를 제공해주고 있습니다. 또한 pgAdmin, 그라파나 등에서도 postgres 에 직접 접근하여 Session 에 직접 영향을 주고 있습니다. 그러던 중에 too many clients already 라는 에러를 접하게 되었습니다. too many clients already 에러 발생 원인 too many clients already 발생한 이유는, postgreSQL 에서 설정한 max_connections 설정 값을 통해 Connection 수가 지정되어 있는데, Session Connection 수가 설정 값을 초과하여 발생하는 원인입니다. too many..

더 읽기

[인프라] RabbitMQ Prometheus 개별 Queue Metric 수집 방법

인프라/그라파나 & 프로메테우스 범범조조 2022. 10. 13. 20:21

개요 RabbitMQ 에서 개별 Queue 정보를 Prometheus Metric 으로 수집 가능 한지 조사 진행합니다. 참고 https://github.com/rabbitmq/rabbitmq-prometheus https://www.rabbitmq.com/prometheus.html RabbitMQ Per-Object RabbitMQ 공식 홈페이지에서 확인 결과, Per-Object 를 이용하여 개별 Metric 정보를 제공받을 수 있다고 합니다. Per-Obejct Metric 정보를 제공받으려면, prometheus.return_per_object_metrics = true 로 옵션을 설정해 주어야 합니다. Per-Object 옵션 설정하기 현재 RabbitMQ 를 Docker Container 로..

더 읽기

[인프라] Grafana Login 페이지 Disable 방법

인프라/그라파나 & 프로메테우스 범범조조 2022. 9. 29. 19:31

참고 https://grafana.com/docs/grafana/latest/setup-grafana/configure-grafana/ 개요 현재 Grafana 접속을 하게 되면, 초기에 Login 을 하게 되어 있습니다. Login 페이지가 뜨지 않도록 설정 추가 합니다. Login 페이지 Disable 방법 Login 페이지 Disable 하는 방법은 grafana.ini 파일에서 [auth.anonymous] 항목 중, enable 옵션 값을 true 로 변경해 주면 됩니다. #################################### Anonymous Auth ########################## [auth.anonymous] # enable anonymous access enab..

더 읽기

[인프라] Grafana Multiple Y Axis 사용방법

인프라/그라파나 & 프로메테우스 범범조조 2022. 9. 18. 17:45

개요 Grafana 에서는 Multiple Y Axis 를 사용할 수 있습니다. Multiple Y Axis 를 사용하기 위해서는, TimeSeries Chart 를 필히 사용해야 합니다. Multiple Y Axis 사용 방법 Multiple Y Axis 를 사용하기 위해서는 Overrides 기능을 이용하면 됩니다. 총 3개의 Property 항목을 추가해야 합니다. Fields with name Standard options > Unit Axis > Placement 위 3가지의 속성을 추가해서 Multiple Y Axis 를 사용할 수 있습니다. 실행 결과 실행 결과 Right, Left 각각 다른 대상의 값 기준으로 Axis 가 표시되는 것을 확인할 수 있습니다.

더 읽기

[인프라] Loki Grafana Log수집 연동

인프라/그라파나 & 프로메테우스 범범조조 2022. 8. 20. 07:10

개요 Loki, Grafana Log 수집 PoC 진행합니다. 디렉터리 구성 Loki, Grafana Log 수집 관련하여 docker-compose 를 이용하여 로그 수집 테스트 진행할 예정입니다. docker-compose.yml 작성 하기 전, Volumn Mount 를 하기 위한 선행 작업으로 디렉터리 구조를 다름과 같이 진행하였습니다. loki-config.yaml 파일 작성 auth_enabled: false server: http_listen_port: 3100 grpc_listen_port: 9096 ingester: wal: enabled: true dir: /tmp/wal lifecycler: address: 127.0.0.1 ring: kvstore: store: inmemory re..

더 읽기

[인프라] Loki 란?

인프라 범범조조 2022. 8. 19. 23:06

참고 https://lapee79.github.io/article/loki-kubernetes-logging/ Loki 란 무엇인가? Loki는 Prometheus에 영감을 받아서 탄생한 클라우드 네이티브 인프라를 위한 로깅 서비스 입니다. KubeCon Seattle 2018에서 Grafana Labs에서 오픈소스로 공개된 Loki는 Kubernetes에서 Prometheus에 대한 경험이 있는 사용자에게 최적화된 로깅 백엔드입니다. Loki는 뛰어난 로그 검색 및 시각화 기능을 Grafana 6.0에서 제공합니다. Grafana Loki는 완전한 기능을 갖춘 로깅 스택으로 구성되어져 있습니다. Loki는 단일 로그 라인을 그대로 처리한다는 아이디어를 기반으로 만들어졌습니다. 이는 전체 텍스트 인덱싱을..

더 읽기

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바