React에서 Quill 입력시 입력 오류 해결

개인 프로젝트로서 개발중에 위지윅 에디터가 필요했다. 여러 에디터들을 비교해보니 Quill 에디터가 괜찮아 보였고, Next.js로 만든 페이지 위에서 사용하고자 하였다. 그래서 찾다보니 Quill 에디터를 React에 적용하는 코드까지 올려주신 감사한 글이 있었고, 이를 활용하여 정상적으로 에디터를 띄울 수 있었다. 그런데, 위 사진과 같이 영문과 한글 모두 첫 글자를 입력하게 되면 커서가 맨 앞으로 가버리는 문제가 있었다.

• React
• Quill
• 문제 해결

UWP 앱 색상 모드 지원하기

이 글에서는 UWP 앱에서 라이트 모드(밝게), 다크 모드(어둡게)를 고정 적용하거나 시스템 설정을 따르는 방법, 앱 내의 설정에서 색상 모드를 설정할 수 있게 하는 방법, 색상 모드에 따라 색이 변하는 ThemeResource에 대해 다룬다.

• UWP
• .NET

패키지 서명용 인증서 만들기, 연장하기

이 글에서는 Visual Studio를 사용하거나, PowerShell cmdlet인 New-SelfSignedCertificate를 사용하여 자체 서명된 인증서를 만들고, 연장하는 방법을 알아볼 것이다. UWP 앱을 스토어에 업로드하기 위해서는 패키지 서명용 인증서가 필요하다.

• UWP
• .NET

UWP앱에서 파일, 폴더 열기

UWP앱에서 파일, 폴더 열기 프로젝트 내 PDF 폴더의 file.pdf 파일을 여는 예시이다. 프로젝트 내 PDF 폴더를 여는 예시이다.

• UWP

유저 컨트롤에서 자신을 직접 지우기

유저 컨트롤에서 자신을 직접 지우기 특정 컨트롤(this)이 Grid(Parent)에 들어있을 때 이와 같은 방식으로 자신을 제거할 수 있다. 여기서 부모 컨트롤은 자식 컨트롤을 가지는 클래스이어야 하는 듯 하다.

• UWP

.NET, UWP에서 Color 형식을 헥사코드로 변환

Windows.UI.Color 형식을 헥사코드("#XXXXXX")로 변환 이 문서를 보고 UWP 앱에서도 ColorTranslator 클래스의 ToHtml 메소드를 사용하면 Color를 바로 헥사코드 문자열로 바꿀 수 있을 줄 알았다. 그런데 안되는 것을 보니 잘 모르겠지만 UWP의 System.Drawing 네임스페이스가 문서에서 설명하는 것에 차이가 있는 것 같다.

• UWP