장난감 연구소

feat: add hat wobble ^--^ ^------------^ | | | +-> Summary in present tense. | +-------> Type: chore, docs, feat, fix, refactor, style, or test. More Examples: feat: (new feature for the user, not a new feature for build script) fix: (bug fix for the user, not a fix to a build script) docs: (changes to the documentation) style: (formatting, missing semi colons, etc; no production code change) re..

MVC 패턴 그놈의 MVVM 패턴 EP 01 - MVC 패턴 살펴보자 - YouTube MVP 패턴 그놈의 MVVM 패턴 EP 02 - MVP 패턴 살펴보자 - YouTube MVVM 패턴 그놈의 MVVM 패턴 EP 03 - MVVM 패턴 살펴보자 - YouTube TabLayout 디자인 커스텀 Android TabLayout with Gradient Indicator | by Leonardo Vinsen | Medium 유용한 유튜브 영상 기록용.

익힌 내용을 나중에 사용하기 위해 정리한 글로 부정확한 내용이 있을 수 있습니다. 쿼리 프로젝트를 진행하면서 자신과 가까이 있는 지점들을 검색하는 기능이 필요했다. 데이터베이스에 아래와 같이 모든 지점들의 위도와 경도를 실수 형태로 가지고 있다. 이때 한 지점과의 직선 거리가 일정 값 이하인 지점들을 어떻게 찾을 수 있을까? 한 지점과 모든 지점의 거리를 계산해서 SELECT 하려면, 아래와 같은 쿼리를 사용하면 된다. (MySQL로 테스트됨.) SELECT id, description, ( 6371 * acos( cos(radians(36.628486474734 /* 중앙도서관의 위도 */)) * cos(radians(latitude)) * cos(radians(longitude) - radians(1..

익힌 내용을 나중에 사용하기 위해 정리한 것으로 부족한 부분이 많아 계속 수정해나가고 있습니다. 처음 Elasticsearch 사용하는 분 아니면 대부분 알고 계시는 내용일 겁니다. 학교 과제나 작은 프로젝트를 진행하면서 검색 기능이 필요한 경우가 있다. 다행히도 Elasticsearch(엘라스틱 서치)라는 훌륭한 오픈소스 검색 엔진을 사용하면 검색 기능을 쉽게 만들 수 있다. 그런데 하나씩 꼼꼼히 익혀가면서 만들기에는 홈페이지의 가이드 내용이 너무 방대하다. 그런 상황에 쓸 수 있게, 한글 검색이 최소한으로 작동만 하게 만들어 보는 가이드 글이다. 오라클 클라우드 프리티어에서 제공하는 무료 Compute 인스턴스의 메모리 용량은 1GB이다. 이 글의 목적에서 알 수 있듯이 무료 Compute 인스턴스에..

이 글에는 Next.js에서 react-quill의 사용 없이 Quill 에디터를 사용하기 위한 코드를 제공합니다. 코드의 부족한 점과 문의 사항은 댓글 주시면 답변 및 수정하도록 하겠습니다. 샘플 프로젝트 다운로드 샘플 프로젝트는 create-next-app에서 일부분만 수정하여 위 사진과 같이 Quill 에디터를 사용해볼 수 있게 하였다. 해당 폴더로 이동 후 node module 설치 후 개발 서버 실행 $ npm install $ npm run dev 아래 방식을 사용하게된 이유 Next.js를 통해 개발을 진행하면서 Quill 에디터를 사용하고자 했다. 그런데 Quill에서 바꾸고 싶은 부분이 있어 그 부분을 수정한 후 직접 빌드하여 사용해야 했다. 직접 빌드된 걸 react-quill에 적용하..

Next.js에서 Quill 에디터를 사용하는 방법을 다른 게시글로 올렸습니다. 필요하시다면 해당 글이 도움되실 겁니다. 문제 발생 개인 프로젝트로서 개발중에 위지윅 에디터가 필요했다. 여러 에디터들을 비교해보니 Quill 에디터가 괜찮아 보였고, Next.js로 만든 페이지 위에서 사용하고자 하였다. 그래서 찾다보니 Quill 에디터를 React에 적용하는 코드까지 올려주신 감사한 분(해당 글은 삭제됨)이 있었고, 이를 활용하여 정상적으로 에디터를 띄울 수 있었다. 그런데, 위 사진과 같이 영문과 한글 모두 첫 글자를 입력하게 되면 커서가 맨 앞으로 가버리는 문제가 있었다. 처음에는 직접 Quill의 develop 브랜치를 컴파일해서 불러온거라 문제가 발생한 줄 알았다. 그래서 Quill의 소스코드만 ..

Git 레포지토리에 이미 커밋된 파일은 남기고 변경 추적만 막는 명령어이다. 데이터베이스의 비밀번호나 암호화 비밀키 내용을 담는 파일을 레포지토리에 남기고 싶지만, 실제 내용을 넣었을 때 변경된 내용을 푸시하는 걸 방지하기 위해 사용한다. 짧지만 매번 검색하게 된다. git update-index --assume-unchanged [FILE]

이 글에서는 UWP 앱에서 라이트 모드(밝게), 다크 모드(어둡게)를 고정 적용하거나 시스템 설정을 따르는 방법, 앱 내의 설정에서 색상 모드를 설정할 수 있게 하는 방법, 색상 모드에 따라 색이 변하는 ThemeResource에 대해 다룬다. 색상 모드 고정 또는 시스템 설정 적용 색상모드 고정 App.xaml 파일에서 UWP 앱의 색상 모드를 설정할 수 있다. 시스템 설정에 상관없이 라이트 모드 또는 다크 모드로 고정하고 싶다면 App.xaml 파일의 Application 태그에 RequestedTheme 속성을 주면 된다. RequestedTheme="Light"로 설정하면 라이트 모드, RequestedTheme="Dark"로 설정하면 다크 모드로 고정된다. 시스템 설정 적용 Visual Stud..

이 글에서는 Visual Studio를 사용하거나, PowerShell cmdlet인 New-SelfSignedCertificate를 사용하여 자체 서명된 인증서를 만들고, 연장하는 방법을 알아볼 것이다. UWP 앱을 스토어에 업로드하기 위해서는 패키지 서명용 인증서가 필요하다. Visual Studio 2019 Visual Studio 2019로 업데이트되면 테스트 인증서 만들기 기능이 없어졌었다. 매년 인증서가 만료되기 때문에 UWP 앱을 업데이트를 하려면 한 해에 한 번씩 인증서를 연장해주어야 한다. 올해도 스토어용으로 빌드하던 중 문제가 생겨 어렴풋이 남아있던 기억을 살려 인증서를 연장해보려 해도 뭔가 잘 되지 않았다. 그래서 구글에서 관련된 영단어로 검색하던 중 Visual Studio 2019..

UWP앱에서 파일, 폴더 열기 UWP StorageFile file = await Windows.ApplicationModel.Package.Current.InstalledLocation.GetFileAsync(@"PDF\file.pdf"); await Windows.System.Launcher.LaunchFileAsync(file); 프로젝트 내 PDF 폴더의 file.pdf 파일을 여는 예시이다. UWP StorageFolder folder = await Windows.ApplicationModel.Package.Current.InstalledLocation.GetFolderAsync(@"PDF\"); await Windows.System.Launcher.LaunchFolderAsync(folder)..