포스트 상단에 표시되는 Feather image 의 경우 테마 또는 기타 설정에 따라 다르게 표시되겠지만 현재 사용 중인 테마에서 작은 이미지가 등록된 경우 원본 이미지의 사이즈 보다 크게 확대가 되면서 비트맵 이미지의 특성으로 인해 깨져 보일 수 밖에 없습니다. 그래서 Additional CSS 에 다음과 같이 CSS 를 추가해서 좀 더 자연스럽게 표시될 수 있게 수정하였습니다. object-fit […]

워드프레스는 포스트 날짜를 표시할 때 기본적으로 발행일을 기준으로 표시가 됩니다. 발행일 이외에 최종수정일도 표시하는 방법을 알아보겠습니다. 현재 이 블로그는 최근에 Divi 테마를 구입하면서 같이 포함된 매거진용 Extra 테마를 사용하고 있습니다. 그래서 최종수정일 표시하는 방법을 구글링할때 divi theme 글자도 포함해서 검색했더니 2017년에 작성된 글을 발견했습니다. 해당 글의 내용은 링크를 참조하시기 바랍니다. 위 링크에서는 발행일 대신 최종수정일만 […]

전체 소스 코드는 다음 Github 의 BlazorBootswatchTheme 폴더에 있습니다 .net 으로 생성된 blazor wasm 기본 템플릿은 bootstrap 을 기반으로 하고 있습니다. 그리고 bootstratp 을 기반으로 다양한 테마를 제공하는 bootswatch 오픈소스 프로젝트가 있습니다. MIT 라이센스이며 다양한 테마가 존재합니다. 다양한 테마 목록은 여기(https://bootswatch.com/)를 클릭해서 확인해 보시기 바랍니다. 현재 시점 기준으로 bootstratp 은 v5.2 가 최신 버전이며, 이에 맞춰 […]

전체 소스 코드는 다음 Github 의 AppStateService 폴더 에 있습니다. 미리 다운로드 해서 실행해 보시면 더 쉽게 이해할 수 있습니다. blazor wasm 기본 Template 으로 프로젝트를 생성해 보면 다음과 같은 구조로 생성이 됩니다. MainLayout 하위 트리에 NavMenu 와 Index 를 가지는 구조입니다.로그인 상태를 표시하는 텍스트는 MainLayout 우측 상단 갱신영역으로 표시한 부분에 있습니다. index 페이지에서 Toggle […]

페이스북 로그인 기능을 추가 구현하는 과정에서 삽질한 과정과 해결 방법입니다. 일단 사이트 구성을 간략하게 보여드리면 다음과 같습니다. 페이스북 인증을 구현하기 위해서는 반드시 https 만 가능 하다는 건 알고 있는 상황이었고, 운영 중인 상황에서 Server 와 Client 도메인도 https 로 운영하는 중이라서 별 신경을 쓰지 않았습니다. 그래서 로컬 디버깅 환경에서 테스트를 한 뒤 배포를 하였고, 배포 […]

아래 스크린샷을 보면 메뉴 구성을 화면 크기에 따라 다르게 표시하는 경우가 많다 이런 경우 큰 화면에서 모든 메뉴가 보여지는 경우와 작은 화면에서 Dropdown 으로 표시되는 메뉴를 중복된 코드로 작성하면 비효율적이다. 메뉴 자체에 로직이 복잡하게 들어가거나 다른 페이지에서 재사용이 빈번한 경우라면 별도 Component 로 작성하면 되겠지만, 그렇지 않다면 굳이 Component 를 별도로 생성하는건 성능상 좋지 않다고 […]

윈폼으로 개발시 UI 디자인을 하다보면 코드를 매번 수정할 때 마다 종료 => 디버깅 재시작이 매우 번거로운 경우가 있다. 그래서 예전부터 개인적으로 사용하던 방법이 있는데, Property Grid 를 런타임에 표시해서 일부 컨트롤의 속성을 변경하면 나름 좀 편하다. 아래 스크린샷을 보면 우측 상단 콤보 박스에 나열된 컨트롤 목록을 볼 수 있다. 컨트롤을 선택하면 해당 컨트롤의 속성이 하단 […]

.net framework 4.8 winform 소스를 최신 LTS 인 .net 6 로 마이그레이션을 시도해 봅니다..net framework 4.8 winform 소스 코드는 아래 포스트를 참조하면 됩니다. 마이그레이션 방법은 MS 공식 문서를 참조했습니다.참조 : Windows Forms 앱을 .NET 6으로 업그레이드 – .NET Core | Microsoft Docs 먼저 .NET Upgrade Assistant 를 설치해야 합니다. 업그레이드 하기 전에 분석 모드로 확인하는 […]

원본 프로젝트는 vb.net 으로 만들어진 소스를 참조 했다 (MdiTabStrip – CodeProject) vb.net 프로젝트라 그대로 참조해서 써도 되지만 CSharp 에 좀 더 익숙하다 보니 CSharp 버전으로 마이그레이션 했다.추가적으로 탭에 컨텍스트 메뉴를 추가했다. 소스 코드는 다음 Github 을 참조하시면 됩니다.