[JavaScript] 유튜브 Iframe API - 화질 설정 이슈 (setPlaybackQuality 함수 미작동)

개요 유튜브 링크를 Iframe으로 띄울 때, default 화질을 특정 화질로 설정하는 것이 불가능했다. 원인 알 수 없지만, 유튜브에서 제공하는 Iframe API 에서 화질을 설정하는 함수 자체가 작동하지 않는 것만은 확실했다. 추측하기로는 유튜브에서 화질 설정 관련 함수만 지원을 종료했거나, 네트워크 환경 등 변수에 의해 작동하지 않을 수 있다고 생각한다. 💡 유튜브 Iframe API 공식 docs https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API | Google for Developers 애플리케이션에 YouT..

• format_list_bulleted 개발/이슈
• · 2024. 1. 21.
• textsms

[Electron] 4.이미지 바이너리화 - 레시피 일렉트론 앱

Git: https://github.com/bsorryman/recipe.electron GitHub - bsorryman/recipe.electron: 레시피 정보를 검색 및 다운로드 할 수 있는 일렉트론 앱. 레시피 정보를 검색 및 다운로드 할 수 있는 일렉트론 앱. Contribute to bsorryman/recipe.electron development by creating an account on GitHub. github.com 개요 각 레시피에 해당하는 이미지 파일을 image_file 이라는 새로운 BLOB 필드에 삽입할 예정이다. BLOB 필드에 이미지를 삽입하려면 파일을 바이너리화 해야한다. 즉, 모든 이미지 파일을 한번 씩 조회하면서 그에 맞는 레코드의 image_file 필드에 파..

• format_list_bulleted 토이 프로젝트/레시피 일렉트론 앱 (완)
• · 2024. 1. 20.
• textsms

[Electron] 3.Electron 프로젝트 생성 - 레시피 일렉트론 앱

💡 참조 docs https://www.electronforge.io/ Getting Started - Electron Forge Electron Forge currently only supports npm and Yarn Classic. If you are using Yarn >=2, please use the nodeLinker: node-modules install mode. www.electronforge.io 기본적인 DB 설정을 마쳤으므로, 이제 프로그램을 만들 Electron 프로젝트를 생성한다. 사전 환경 Node.js 및 npm electron-forge 패키지 전역 설치 npm i -g @electron-forge/cli Git IDE (VS code 등) VS Code - Electr..

• format_list_bulleted 토이 프로젝트/레시피 일렉트론 앱 (완)
• · 2024. 1. 19.
• textsms

[Electron] 2.Sqlite3 DB Fts5 설계 - 레시피 일렉트론 앱

Fts5 테이블 설계 검색 조건은 전체 컬럼 검색과 각 컬럼 검색을 지원할 생각이다. Sqlite는 fts 라는 가상테이블을 통해 Full text search를 지원한다. Sqlite의 fts5 테이블은 일반적으로 WHERE 절에 붙이는 LIKE 절 보다 훨씬 간편한 조건 문법과 좋은 검색 성능을 제공한다. 전체 검색 또한 모든 컬럼을 일일히 탐색할 필요 없이 간단하게 가능하다는 이점이 있다. -- full text search table CREATE VIRTUAL TABLE tb_fts_recipe USING FTS5( title, ingredients, instructions, id, tokenize = 'porter' ); 먼저 CREATE 문으로 fts5 테이블을 생성한다. 각 컬럼은 원본 테이..

• format_list_bulleted 토이 프로젝트/레시피 일렉트론 앱 (완)
• · 2024. 1. 18.
• textsms

[Electron] 1.데이터셋 및 DB 생성 - 레시피 일렉트론 앱

개요 Electron을 알게되면서, 이를 활용해 간단한 데스크톱 앱을 만들고 싶었다. 네트워크가 필요하지 않은 Stand Alone의 형태로 간단한 검색 기능 등을 가진 앱을 생각했고, 그에 맞는 DB가 되어줄 데이터셋(CSV)부터 찾기 시작했다. 데이터셋 구하기 적합한 데이터셋을 찾고 있었는데, 원하는 조건의 csv 데이터셋을 찾기 쉽지 않았다. 조건은 아래와 같다. 검색에 충분하도록 최소 1000개 이상의 레코드를 가지고 있을 것 각 레코드에 맞는 이미지 파일이 포함되어 있을 것 id 제외 최소 3개의 컬럼을 가질 것 id 제외 컬럼의 모든 데이터의 길이 합이 500자 이상일 것 (파일화를 위해) 위와 같은 조건을 먼저 정한 이유는 간단한 검색 앱이기 때문에 결과 화면을 풍성하게하고 부가적인 기능 (..

• format_list_bulleted 토이 프로젝트/레시피 일렉트론 앱 (완)
• · 2024. 1. 18.
• textsms

Sourcetree 설치

개요 Sourcetree는 Git 형상 관리를 위한 무료 GUI 툴이다. 이에 대한 설치 방법을 기록한다. 설치 https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com setup 파일 다운로드 후 실행한다. 1. 먼저 계정이 없으면 Create one for free 를 클릭하여 계정을 만든다. 그 후 Bitbucket을 클릭하여 로그인한 후 다음을 클릭 해 넘어간다. 개..

• format_list_bulleted 개발/팁
• · 2024. 1. 17.
• textsms