MudBlazor.Extensions 사용하기 - MudExSplitter

MudBlazor.Extensions 사용하기 - MudExSplitter 설치 및 설정은 아래 포스팅을 확인합니다.2025.03.24 - [코딩/Blazor] - MudBlazor.Extensions 사용하기 - Dialog DragMudBlazor 에는 Splitter 가 없습니다.기본적인거 같은데 없는개 많습니다. MudBlazor 로 확장 컨트롤을 만드 패키지들이 많이 나와있어서 다행입니다.오늘은 MudExSplitter 컨트롤을 사용하는 방법을 알아봅니다. MudExSplitPanel 을 이용하며 Left,Right 로 양쪽으로 나눠서 표현이 가능합니다.Left,Right 에 MudExSplitPanelItem 을 정의하여 표시할 컨트롤을 배치하면 됩니다. ..

코딩/Blazor 2025. 3. 24. 22:46

조선총독부에서 발행한 초등학교(보통학교) 4학년용 직업 교육 교과서

조선총독부에서 발행한 초등학교(보통학교) 4학년용 직업 교육 교과서 이 책은 "초등직업 제4학년"(初等職業第四學年)이라는 제목을 가진 교재로, 일제강점기 조선총독부에서 발행한 초등학교(보통학교) 4학년용 직업 교육 교과서입니다.책의 내용 및 특징발행처: 조선총독부대상: 보통학교(초등학교) 4학년내용 (사진의 내용만)농업 및 축산과 관련된 기초적인 직업 교육벼 베기, 씨앗 고르기, 가축 돌보기 등의 실습 과정일본어로 서술되어 있으며, 조선인 학생들에게 농업 중심의 직업 교육을 가르치기 위한 목적책의 내용을 보면, 당시 일본이 조선의 학생들에게 농업과 관련된 실습 교육을 강조하며, 주로 농업 노동력을 양성하려는 의도가 엿보입니다. 가치 및 희소성이러한 조선총독부 발행 교과서는 현재 희귀한 자료로, 학술적 ..

LIFE/동전 지폐 우표 수집 2025. 3. 24. 20:23

MudBlazor.Extensions 사용하기 - Dialog Drag

MudBlazor.Extensions 사용하기 - Dialog Drag MudBlazor.Extensions 은 MudBlazor 에서 부족한 기능들이 추가된 패키지입니다.아래는 깃헙 페이지 입니다.https://github.com/fgilde/MudBlazor.Extensions GitHub - fgilde/MudBlazor.Extensions: MudBlazor.Extensions from https://www.mudex.org is a small extension for MudBlazor from htMudBlazor.Extensions from https://www.mudex.org is a small extension for MudBlazor from https://mudblazor.com - ..

코딩/Blazor 2025. 3. 24. 00:03

BlazorDatasheet 에서 특정 값인 경우 배경색 변경하기

BlazorDatasheet 에서 특정 값인 경우 배경색 변경하기 Cell 에 특정 값이 있는 경우 배경색을 변경하는 방법을 알아봅니다.배경색을 변경하기 위해서는 Format 을 직접 설정하여 변경이 가능합니다.하지만 ConditionalFormat 을 등록해 놓으면 자동으로 배경색 처리가 가능해 집니다./// /// 특정 문자열에 따른 배경색 변경/// public class ColorConditionalFormat : ConditionalFormatAbstractBase{ /// /// 특정 문자열 /// private readonly string? TargetText; /// /// ColorConditionalFormat /// /// pu..

코딩/Blazor 2025. 3. 23. 00:23

BlazorDatasheet 에서 특정 문자 입력 방지하기

BlazorDatasheet 에서 특정 문자 입력 방지하기 BlazorDatasheet 에서 Cell 에 대한 Validation 을 처리하기 위해서는 IDataValidator 를 상속받아 Validator 를 구현하여 처리가 가능합니다.IDataValidator 에는 IsValid 를 이용해서 Validation 을 처리할 수 있고 Message 를 이용해서 메세지를 띄워줄수 있습니다.IsStrict 값이 true 인 경우 입력 자체를 방지하고 false 로 하면 입력은 되지만 글자가 빨간색이 됩니다./// /// 특정 문자열 입력 방지 하기/// public class CharacterValidator : IDataValidator{ /// /// IsStrict=true이면 편집 중..

코딩/Blazor 2025. 3. 22. 23:21

1983년 2차 제 24회 올림픽 유치 기념 만원 은화

1983년 2차 제 24회 올림픽 유치 기념 만원 은화 이 주화는 제24회 서울올림픽대회 유치 2차 만원 기념주화로, 1983년 8월 1일에 발행되었습니다.주화 개요정식 명칭: 제24회 올림픽 대회 유치 기념주화발행 연도: 1983년발행 기관: 한국은행액면가: 10,000원소재: 은 90%, 구리 10%무게: 15g지름: 33mm 디자인 특징앞면 (Obverse)경복궁 경회루가 새겨져 있음"제24회 올림픽 대회 유치 기념" 문구하단에 **"한국은행"**과 "만원(10,000원)" 표시뒷면 (Reverse)올림픽 오륜을 형상화한 디자인"1983" 연도와 "SEOUL '88" 문구액면가 10,000 표시월계수 잎으로 장식된 테두리 가치 평가 (수집가 시장 가격)이 기념 은화의 가치는 은의 순도, 희소성, ..

LIFE/동전 지폐 우표 수집 2025. 3. 19. 23:24

MudBlzaor MudTextField 언더라인 제거하기 (delete underline)

MudBlzaor MudTextField 언더라인 제거하기 (delete underline) MudTextField 는 기본적으로 언더라인이 적용되어 있습니다. Variant 에 값을 설정해 아래처럼 사용할 수도 있지만그리드안에 넣는 경우는 모두 적합하지 않습니다.그래서 Standard 에서 언더라인만 없애는 방법을 알아봅니다.먼저 아래와 같이 style 을 추가합니다. MudTextField 에 위 정의한 style 을 Calss 값에 설정합니다. 결과 (기존) (변경)

코딩/Blazor 2025. 3. 19. 22:33

MudBlzaor MudDataGrid Header 가운데 정렬 및 배경색 변경하기

MudBlzaor MudDataGrid Header 가운데 정렬 및 배경색 변경하기 MudDataGrid 의 Header Text 를 가운데 정렬하는 방법입니다.HeaderTemplate 을 이용하면 Header 를 커스텀하게 정의할 수 있습니다.아래처럼 HeaderTemplate 의 div 의 Style 를 이용하면 가운데 정렬이 가능합니다. @* 헤더 가운데 정렬 *@ Value style 를 이용하므로 글자 모양이나 색, 굵기 등 변경이 가능합니다.헤더의 배경색은 MuDataGrid 의 Header..

코딩/Blazor 2025. 3. 19. 22:12

MudBlzaor MudDataGrid 에서 입력 가능한 셀 만들기

MudBlzaor MudDataGrid 에서 입력 가능한 셀 만들기 MudDataGrid 에서 CellTemplate 을 이용하면 Cell 에 여러 컨트롤을 올려서 사용할 수 있습니다.사용자가 데이터를 직접 입력하고 수정할 수 있는 그리드를 만드는 방법을 알아봅니다.MudDataGrid 에는 Colums 테그를 이용해 각 컬럼을 정의할 수 있습니다.기본 PropertyColumn이 아닌 TemplateColumn을 사용하면 커스텀한 컬럼정의가 가능합니다. CellTemplate에 MudTextField 적용하여 입력가능한 Cell 이 되도록합니다. Value ..

코딩/Blazor 2025. 3. 19. 20:58

Google AI Studio 로 이미지 편집하기

Google AI Studio 로 이미지 편집하기 Google AI Studio 에서 이미지 합성 및 변경도 가능하다고 해서 테스트 해봤는데 정말 잘 나와서 소개해 봅니다.https://aistudio.google.com/ Google AI StudioGoogle AI Studio is the fastest way to start building with Gemini, our next generation family of multimodal generative AI models.aistudio.google.com로 가서 채팅창 오른쪽에 아래처럼 설정합니다.이미지를 하나주고 원하는걸 설명하면 됩니다. 레고 아이언맨의 표지 그림에 날라가는 모습으로 바꿔달라고 했는데 아래처럼 바꿔줬습니다. 모자를 쓰게 해달라..

IT/AI 2025. 3. 18. 00:56

건군 76주년 국군의 날 기념 메달과 모자

건군 76주년 국군의 날 기념 메달과 모자 이번에 수집한 기념 메달입니다.건군 76주년 국군의 날 기념 메달로 60mm 황동 무광 프루프 메달리온 입니다. 군인들이 태극기를 들고 전진하는 모습대한민국 국군의 역사적 장면을 상징적으로 표현테두리는 밧줄 패턴으로 둘러싸여 있으며, 군대의 결속과 강인함을 나타냄 중앙에 "76" 숫자가 강조된 국군 상징 문양앵커(닻), 검, 날개 등의 요소가 포함되어 육·해·공군 통합 상징을 표현상단: "강한 국군, 국민과 함께!"하단: "KOMilitary with You!" (대한민국 국군의 글로벌 홍보 문구) 모자도 함께 수집했는데 모자도 미사용? 입니다.정말 멋진 주화를 가격 좋게 수집해서 정말 기분이 좋습니다.^^

LIFE/동전 지폐 우표 수집 2025. 3. 17. 09:58

Google AI Studio 로 Youtube 분석하기

Google AI Studio 로 Youtube 분석하기 Youtube 링크를 주고 요약을 하려고 여러 사이트를 사용중입니다.스크립트가 적성되어있는 Youtube 게시물인 경우에는 요약을 정말 잘해줍니다.하지만 스크립트가 단순히 번역으로 인해 만들어진 거라면요약 내용을 보면 한국말 인식을 제대로 못해 요약된 내용이 엉뚱할 때가 있습니다.그런데 Google AI Studio 를 이용하면 화면을 직접 분석하게 되어화면의 자막 까지 캐취하고 화면 자체를 분석하게 됩니다. Google AI Studio란?Google AI Studio는 Google의 인공지능 모델을 쉽게 활용할 수 있도록 만든 플랫폼입니다. 특히 Gemini API를 통해 텍스트 분석, 요약, 번역 등의 다양한 기능을 사용할 수 있습니다. 이를..

IT/AI 2025. 3. 16. 23:19

화폐 수집 - 온라인 경매 시 주의할 점

화폐 수집 - 온라인 경매 시 주의할 점 Youtube 로 화폐 구매하시는 분들이 많은데 개인적으로 온라인 경매를 통해 구매 시 주의할 점을 알려드립니다.1. 경매 물건을 사기 전에 반드시 온라인 검색을 통해 얼마에 팔리는지 알아봐야 합니다. 네이버와 구글 검색을 하면 같은 제품이 얼마에 팔리는지 확인할 수 있습니다. 반드시 최저가 가격을 확인하고 입찰을 해야 합니다. 모든 경매사가 그런 건 아니지만 일부 경매사들은 터무니없는 가격으로 시작합니다. 초보들은 경매사의 말에 혹해서 사는 경우가 생기는데 이걸 노리고 말을 현란하게 합니다. 그러면서 손해 본다는 소리도 하는데 손해 보면서 장사를 하지는 않겠죠?? 2. 조폐공사 쇼핑몰에서 아직도 팔고 있는지 반드시 확인해야 합니다. 아직도 ..

LIFE/동전 지폐 우표 수집 2025. 3. 16. 22:23

윈도우 메모장에서 Copilot AI 기능 사용하기

윈도우 메모장에서 Copilot AI 기능 사용하기 윈도우 메모장이 코파일럿과 연동이 되면 AI 기능을 사용할 수 있습니다.왼쪽 상단에 매직펜 아이콘을 클릭하면 아래처럼 AI 기능 메뉴를 확인할 수 있습니다.메뉴 중 하나를 클릭하면 아래 Copilot 작업창이 나타나고아래처럼 3가지 결과를 알려줍니다. 전 아래 내용으로 테스트하려고 합니다. 대한민국의 화폐 역사는 고려 시대에 시작되어 조선 시대를 지나 대한제국과 현대에 이르기까지 발전해왔다. 특히 고종 시기의 호조 태환권은 근대적인 화폐 개혁의 시도로 여겨지지만 실제로 유통되지는 못했다. 더 짧게 만들기대한민국의 화폐 역사는 고려 시대에 시작되어 조선 시대와 대한제국을 거쳐 현대에 이르렀다. 특히 고종 시기의 호조 태환권은 근대적 화폐 개혁의 시도였지..

IT/AI 2025. 3. 16. 21:41

1992년 그리스 50 드라크마

1992년 그리스 50 드라크마 이 주화는 1992년 그리스 50 드라크마(Δραχμές, Drachmae) 동전입니다. 그리스가 유로(Euro)를 도입하기 전 사용되던 드라크마 시리즈 중 하나로, 역사적 및 수집적 가치가 있는 동전입니다.주화의 기본 정보국가: 그리스 (Hellenic Republic, Ελλάδα)액면가: 50 드라크마 (50 Δραχμές)발행 연도: 1992년금속 구성: 구리-니켈 합금 (Copper-Nickel)무게: 8.5g지름: 27.5mm두께: 2.2mm엣지: 평면(Smooth)발행량: 약 54,000,000개 디자인 특징앞면 (Obverse)> 고대 그리스 시인 "호메로스 (Homer, ΟΜΗΡΟΣ)" 초상화서사시 "일리아스(Iliad)"와 "오디세이아(Odyssey)"의..

LIFE/동전 지폐 우표 수집 2025. 3. 15. 23:57

교황 요한 바오로 2세 공식 일본 방문 기념 메달

교황 요한 바오로 2세 공식 일본 방문 기념 메달 이 주화는 1981년 교황 요한 바오로 2세(Joannes Paulus II)의 일본 방문 기념 메달입니다.동전 세부 사항앞면 (Obverse)"JOANNES PAULUS II 1981 JAPAN" : 요한 바오로 2세 1981년 일본 방문을 의미.교황 요한 바오로 2세 초상화 : 그의 미소와 특징적인 얼굴 표현이 새겨짐.하단의 일본어(教皇列来日記念) : "교황 일본 방문 기념"을 뜻함.뒷면 (Reverse)바티칸 성 베드로 대성당 (St. Peter’s Basilica)과 오벨리스크성 베드로 대성당은 바티칸 시국의 중심 성당이며, 교황청의 상징적인 건물.바티칸 광장에 있는 유명한 오벨리스크도 포함됨. 배경 및 역사적 의미1981년 교황 요한 바오로 2..

LIFE/동전 지폐 우표 수집 2025. 3. 14. 00:11

BlazorDatasheet 와 MudBlazor 의 스타일 충돌로 인한 Combox 표시 에러 해결하기

BlazorDatasheet 와 MudBlazor 의 스타일 충돌로 인한 Combox 표시 에러 해결하기 이전시간에 Combo 데이터를 표시하는 방법을 이전시간에 알아봤습니다.2025.03.12 - [코딩/Blazor] - BlazorDatasheet Cell 에 Combo 데이터 표시하기 BlazorDatasheet Cell 에 Combo 데이터 표시하기BlazorDatasheet Cell 에 Combo 데이터 표시하기 BlazorDatasheet 에서 Cell 에 combo 데이터를 표시하기 위해서는 SourceValidator 를 이용하여 sheet.Validators 에 추가하고 CellType 을 "select" 로 저장하면 됩니다.아래keistory.tistory.comMudBlazor 와 같..

코딩/Blazor 2025. 3. 13. 23:29

BlazorDatasheet Cell 값 변경 시 배경색 변경하기

BlazorDatasheet Cell 값 변경 시 배경색 변경하기 BlazorDatasheet Cell 값 변경 시 변경된 걸 표시하기 위해 배경색을 변경하는 방법을 알아봅니다.sheet.Editor.BeforeEditAccepted 이벤트를 사용하여 처리가 가능합니다.'BeforeEditAccepted 이벤트의 BeforeAcceptEditEventArgs 인자로 이전값과 현재 값을 알수 있어서값을 비교하여 색을 변경하면 됩니다.sheet.Editor.BeforeEditAccepted += (sender, e) => { var prevCell = e.Cell; if (prevCell.Value != e.EditValue.Data) { sheet.SetForm..

코딩/Blazor 2025. 3. 13. 00:20

BlazorDatasheet Cell 에 숫자 입력만 허용하기

BlazorDatasheet Cell 에 숫자 입력만 허용하기 BlazorDatasheet Cell 에 숫자 입력만 허용하기 위해서는 sheet.Validators 에 NumberValidator 를 이용하면 됩니다.간단하게 아래와 같이 코드를 추가해주면 됩니다.sheet.Validators.Add(new ColumnRegion(2), new NumberValidator(true));위와같이 처리하고 화면에서 숫자말고 문자를 입력하는 경우 아래처럼 오류 창이 표시되며 편집이 마무리 되지 않습니다.전체코드@page "/counter"@using BlazorDatasheet.Core.Validation@using BlazorDatasheet.Edit.DefaultComponents@using BlazorDa..

코딩/Blazor 2025. 3. 13. 00:03

BlazorDatasheet Cell 에 Combo 데이터 표시하기

BlazorDatasheet Cell 에 Combo 데이터 표시하기 BlazorDatasheet 에서 Cell 에 combo 데이터를 표시하기 위해서는 SourceValidator 를 이용하여 sheet.Validators 에 추가하고 CellType 을 "select" 로 저장하면 됩니다.아래처럼 원하는 컬럼에 아래처럼 처리하면 됩니다.// 콤보에 사용될 데이터var names = new SourceValidator(new List { "Laptop", "Keyboard", "Mouse" }, false);// 첫 번째 컬럼의 모든 셀을 "select" 타입으로 변경sheet.Cells.SetType(new ColumnRegion(0), "select");// 해당 컬럼에 SourceValidator ..

코딩/Blazor 2025. 3. 12. 23:51

KeiStory