영상을 직접 처리하기 위해 카메라로부터 영상을 스트리밍하다보면, 색이 이상하게 표시되는 경우가 있습니다. 영상을 스트리밍할때는 효율적으로 데이터를 전송하기 위해서 YUV 색공간을 사용하는데, 일반적으로 모니터같은 디스플레이 장치는 RGB 색공간을 사용하기 때문이죠. 이번 글에서는 YUV와 RGB 색공간의 차이에 대해 살펴보고, 자주 사용되는 라이브러리에 대해 알아봅니다.YUV 색공간이란?YUV는 인간의 시각적 특성을 고려해 개발된 색상 인코딩 시스템입니다. 우리 눈은 색상보다 밝기 변화에 더 민감하다는 특성을 활용한 것이죠.YUV 색공간은 세 가지 주요 구성 요소로 이루어집니다:Y (휘도): 이미지의 밝기 정보U, V (색차): 색상 정보를 나타내는 두 가지 요소수학적으로 RGB에서 YUV로의 변환은 다..

문제 상황프로젝트에서 새로운 컬럼을 추가하려고 했습니다. youtubeTitle이라는 컬럼을 추가하고 아무 생각없이 코드를 작성하던 중, 문특 yotubeTitle이라는 이름으로 오타가 발생한 것을 확인했습니다. 종종 발생하던 오타라서 별 생각없이 컬럼명을 youtubeTitle으로 수정한 뒤, generate 후 migrate를 실행했습니다. npx prisma generatenpx prisma migrate 하지만 편집기로 돌아오자 여전히 youtubeTitle을 찾을 수 없다는 에러가 발생하고 있었습니다. 어라? 대체 뭘 잘못한거지. 결국은 ChatGPT에게 도움을 요청하고야 맙니다.개체 리터럴은 알려진 속성만 지정할 수 있으며 '(Without & YoutubeAudioDownloadUncheck..

Flutter의 GoRouter를 사용해서 라우트를 구현하던 중, 전체 페이지에 공용으로 출력해야하는 UI를 라우터에 따라 변경해야하는 일이 있었습니다. RouterDelegate.addListener()를 호출해서 이벤트 핸들러를 등록해서, 라우트가 변경될 때마다 ValueNotifier의 값을 변경하는 방식으로 UI를 업데이트하여 간단하게 해결... 된다고 생각했지만, RouterDelegate.currentConfiguration.uri를 참조해서 업데이트하도록 작성했더니, push()를 사용해서 페이지를 이동했을 때는 ValueNotifier가 정상적으로 업데이트되지 않았습니다.한참을 고민하던 중 RouterDelegate.currentConfiguration.uri를 참조하는 대신, RouteI..

문제 배경Flutter를 사용해서 HLS로 영상 스트리밍 기능을 구현해야 하는데, 스트리밍 서버가 동작하는 IoT 장치에서는 외부에서 접속할 수 있는 공개망에 연결되어 있다는 보장이 없었습니다. 보안상의 이유로 내부망에 연결되어서 사용되는 경우가 대부분이고, 공장에서 생성되는 시점에 HTTPS를 지원해야하다보니 Self-signed Certificate를 사용하고 있었습니다. 처음에는 Flutter에서 제공하는 video_player 패키지를 사용하려고 했으나, 애석하게도 Self-signed Certificate를 처리할 수 있는 방법이 없었습니다. 결국 네이티브에서 제공하는 플레이어를 사용하기로 결정했는데, Android는 전체적인 SSL 연결을 커스터마이징할 수 있는 기능을 제공하기 때문에 어렵지 ..

드디어 공개된 대규모 업데이트, 어떤 변화가 있을까?전자책 리더기나 전자 노트 기기를 사용하는 분들이라면 Onyx Boox 시리즈를 한 번쯤 들어보셨을 겁니다.이번에 Onyx Boox가 기존 제품군을 대상으로 4.0 대규모 펌웨어 업데이트를 공개했습니다. UI 개선부터 읽기 환경 업그레이드, OCR 최적화, 노트 기능 강화까지 전반적인 시스템 품질이 크게 향상된 업데이트입니다.특히 이번 업데이트는 최신 기기뿐만 아니라 일부 구형 모델까지 포함되면서 많은 유저들에게 반가운 소식이 되고 있습니다. 아래에서 이번 업데이트의 핵심 변경사항과 개선점을 정리해보았습니다. 업데이트 지원 기기 목록(업데이트 대상 기기는 모델에 따라 차이가 있을 수 있습니다.) Go 10.3 / Go Color 7 / Go 6Note..

들어가며프로젝트 구조는 코드의 가독성, 유지보수성, 확장성에 직접적인 영향을 미치는 중요한 요소다. 평소 코드를 작성하던대로 작성하다가 문득 프로젝트 구조를 이대로 가져가는게 옳은지 고민하게됐고, Cursor에게 보편적인 프로젝트 구조를 물어보게됐다. 그런고로 이번 글에서는 리팩토링 과정과 함께 몇몇 프로젝트 구조에 대해 Cursor에게 물어본 내용을 정리해보고자 한다.초기 구조처음에는 생각없이 기능을 구현하다보니, 다음과 같이 모든 관련 코드가 하나의 파일(jobQueue.ts)에 있었다.// 초기 jobQueue.tsexport const JOB_STATUS = { QUEUED: 'queued', DOWNLOADING: 'downloading', // ... 기타 상태들} as const;exp..