gongboo

배경 이미지랑 영상을 겹쳐둔다. 이미지가 밑으로 effect창을 킨다. green screen keyer를 끌어다가 영상에다가 넣는다 https://support.apple.com/ko-kr/guide/final-cut-pro/ver40b003bc/mac

  https://ai.google.dev/pricing 무료 기준 1.5 flash 15 RPM (requests per minute) 1 million TPM (tokens per minute) 1,500 RPD (requests per day) 1.5 pro 2 RPM (requests per minute) 32,000 TPM (tokens per minute) 50 RPD (requests per day) 1.0 pro 15 RPM (requests per minute) 32,000 TPM (tokens per minute) 1,500 RPD (requests per day)

https://www.deepl.com/ko/pro-api 괜찮아보이는데 DeepL API Free 특징: 모든 기능 사용 가능 DeepL REST API에 액세스 한 달에 500,000자까지 번역 용어집 1,000개(일부 언어만 해당) 언제든 Pro로 업데이트 가능

 클립 선택해서 cmd+R 상단에 나오는 바 끝을 눌러 드래그 해서 길이를 조절하면 그것에 맞춰져서 속도가 자동 조절

 hierarchical: 하이얼아키컬 이라고 발음 https://skilled.dev/course/tree-traversal-in-order-pre-order-post-order

 Cloudflare Pages와 Cloudflare Workers는 Cloudflare가 제공하는 서비스로, 모두 개발자들이 웹 콘텐츠를 효율적으로 배포하고 관리할 수 있도록 설계되었습니다. 그러나 이 두 서비스는 각기 다른 용도와 기능을 가지고 있습니다. 여기 각 서비스의 주요 차이점을 설명하겠습니다. ### Cloudflare Pages Cloudflare Pages는 주로 정적 웹사이트의 배포에 초점을 맞춘 서비스입니다. 정적 사이트 생성기(예: Hugo, Jekyll)로 만든 웹사이트 또는 단순 HTML, CSS, JavaScript 파일을 사용하는 사이트를 쉽게 배포하고 관리할 수 있습니다. - **목적**: 정적 웹사이트 호스팅과 배포. - **기능**:   - Git 저장소(GitHub, GitLab, Bitbucket)와 직접 통합하여 자동으로 웹사이트를 빌드하고 배포합니다.   - 무료 SSL 인증서를 자동으로 제공하여 HTTPS를 통한 보안 연결을 지원합니다.   - 전 세계 Cloudflare의 CDN을 통해 빠르게 콘텐츠를 제공합니다.   - 배포할 때마다 새 URL을 생성하여 미리보기와 테스트가 용이합니다. ### Cloudflare Workers Cloudflare Workers는 서버리스 함수를 글로벌 네트워크에서 실행할 수 있는 서비스로, 동적 콘텐츠 생성, API 요청 처리, 웹 요청 수정 등에 사용됩니다. - **목적**: 서버리스 컴퓨팅 및 웹 요청 처리. - **기능**:   - 사용자 정의 코드를 Cloudflare의 글로벌 네트워크에서 실행하여, 어느 위치에서나 낮은 지연시간으로 응답할 수 있습니다.   - JavaScript, Rust, C, C++ 등 여러 언어를 지원합니다.   - 강력한 API와 통합 기능을 제공하여, 외부 API와의 상호작용이나 웹사이트의 요청/응답을 동적으로 조작할 수 있습니다.   - 다양한 Cloudflare의 ...

 music > setting > files > import settings > import using wavfiles 로 설정한 후 music 에서 음원 선택 후 file > convert > create wav version  변환 파일 finder의 music > media  쪽에서 찾으면 됨.

Voice Memos app > under All Recordings section > right click the file > Services > Open with Finder.

 JavaScript에서 `sort` 메서드는 배열을 정렬하는 데 사용됩니다. `sort` 메서드는 기본적으로 요소들을 문자열로 변환한 후 유니코드 값에 따라 정렬합니다. 이를 커스터마이즈하려면 비교 함수를 전달할 수 있습니다. ### 기본 사용법 ```javascript let numbers = [4, 2, 5, 1, 3]; numbers.sort(); // [1, 2, 3, 4, 5] ``` ### 비교 함수 사용 숫자나 사용자 정의 기준으로 정렬하려면 비교 함수를 전달합니다. #### 숫자 정렬 ```javascript let numbers = [4, 2, 5, 1, 3]; numbers.sort((a, b) => a - b); // 오름차순 [1, 2, 3, 4, 5] numbers.sort((a, b) => b - a); // 내림차순 [5, 4, 3, 2, 1] ``` #### 문자열 길이 기준 정렬 ```javascript let strings = ["short", "medium", "longest", "tiny"]; strings.sort((a, b) => a.length - b.length); // ["tiny", "short", "medium", "longest"] ``` ### 정렬 안정성 ES2019 이후, JavaScript의 `sort` 메서드는 안정적인 정렬을 보장합니다. 즉, 같은 값을 가진 요소들의 순서는 정렬 후에도 유지됩니다. ### 주의 사항 - `sort` 메서드는 원본 배열을 직접 변경합니다. - 비교 함수가 없으면 기본적으로 문자열 유니코드 순서로 정렬됩니다. 이러한 기본과 비교 함수를 활용하여 다양한 방식으로 배열을 정렬할 수 있습니다.

JavaScript의 `Object`와 `Map`은 둘 다 키-값 쌍을 저장하는 자료구조이지만, 몇 가지 중요한 차이점이 있습니다. ### Object - **키 타입**: 문자열 또는 심볼만 키로 사용할 수 있습니다. - **순서**: 키의 순서는 삽입 순서를 보장하지 않습니다. - **성능**: 주로 간단한 구조의 데이터를 저장할 때 사용됩니다. - **기본 메서드**: `hasOwnProperty`와 같은 기본 메서드를 가지고 있습니다. ### Map - **키 타입**: 모든 값을 키로 사용할 수 있습니다 (객체 포함). - **순서**: 삽입된 순서를 보장합니다. - **성능**: 대량의 데이터 및 빈번한 삽입/삭제에 더 최적화되어 있습니다. - **메서드**: `size`, `set`, `get`, `delete`, `has` 등 다양한 메서드를 제공합니다. ### 예제 #### Object ```javascript let obj = {}; obj['key'] = 'value'; console.log(obj['key']); // "value" ``` #### Map ```javascript let map = new Map(); map.set('key', 'value'); console.log(map.get('key')); // "value" ``` ### 요약 - `Object`는 문자열/심볼 키, 삽입 순서 비보장, 간단한 데이터 저장에 적합. - `Map`은 모든 키 타입, 삽입 순서 보장, 대량 데이터/빈번한 삽입/삭제에 적합.  ### `Map` 메서드 1. **`set`**: 키-값 쌍을 추가하거나 업데이트합니다.    ```javascript    let map = new Map();    map.set('key1', 'value1');    ``` 2. **`get`**: 키에 해당하는 값...

 컴퓨터를 켤 때 나는 한 번의 비프음은 일반적으로 "POST"라고 불리는 전원 켜기 자체 진단 과정이 성공적으로 완료되었음을 나타냅니다. POST는 Power-On Self-Test의 약자로, 컴퓨터의 기본 하드웨어 요소들이 제대로 작동하는지 확인하는 절차입니다. 비프음은 컴퓨터의 메인보드에서 내장된 스피커를 통해 발생하며, 이는 CPU, 메모리, 비디오 카드 등 주요 부품들이 정상적으로 작동하고 있다는 신호입니다. 따라서 한 번의 비프음은 좋은 징조로, 시스템이 정상적으로 시작되고 있다는 것을 의미합니다. 원래 비프음이 나지 않다가 갑자기 나기 시작했다면 몇 가지 가능성을 고려해 볼 수 있습니다: 1. **바이오스 설정 변경**: 최근에 바이오스 설정을 변경했다면, 비프음 설정이 활성화되었을 수 있습니다. 바이오스에 접근하여 비프음과 관련된 설정을 확인해 보세요. 2. **하드웨어 추가 또는 변경**: 새로운 하드웨어를 추가하거나 기존 하드웨어를 변경한 경우, 시스템이 새로운 구성을 인식하고 그에 따라 비프음을 내는 것일 수 있습니다. 3. **하드웨어 문제**: 비프음이 예고 없이 갑자기 시작된 경우, 이는 때때로 하드웨어 문제를 알리는 신호일 수 있습니다. 특히 비프음이 한 번 이상 반복되거나 다른 패턴을 보이는 경우, 문제가 있는 하드웨어 구성 요소를 진단하는 데 도움이 될 수 있습니다. 4. **케이블 접속 문제**: 내부 케이블이 느슨해지거나 접촉이 제대로 되지 않을 경우, 비프음이 발생할 수 있습니다. 컴퓨터 내부를 점검하여 모든 케이블이 제대로 연결되어 있는지 확인하세요. 위의 가능성을 확인해 보시고, 문제가 지속된다면 추가적인 진단을 위해 전문가의 도움을 받는 것도 고려해 보세요. CMOS 배터리를 교체한 후 비프음이 시작되었다면, 몇 가지 원인이 있을 수 있습니다: 1. **바이오스 설정 초기화**: 배터리를 교체하면 바이오스 설정이 초기화될 수 있습니다. 이 경우, 기본 설정이 복원되면서 비프음 설정이 활성화되었을 수 있...

 여기는 bandwidth가 무료래서 옮겼다. 분기 그냥 메인이고 (나중에 배포 분기를 따로 만들어야겠다.) 빌드 명령 npm run build 로 안되서 왜인가 했는데 이전에 Netlify 로 배포하면서 내가 명령어 설정을 바꿨나 기억이 잘 안난다. <img alt="" data-original-height="432" data-original-width="958" height="144" src="https://blogger.googleusercontent.com/img/a/AVvXsEhE05eKnC4FKB5F0bIeiOxFE8rNJ54HILD8S-ZOcuAQrZIMiJoAQLb0cKzUDVa6mhGWtuXK_wyBKdRS3YacE-XYXJeFdXHzML0NRUVS2n6gbF_B0MFfj2MuxZoKIn5KYW87TfkOcBZ79gHqTWhhYg4MvYyyCFg6s4NKF0Hty5vKKbAXliIox--PBWoesn8Y" width="320" /> 배포도 쉽게 되고 훨씬 좋은 듯 cloudflare pages 설명 https://pages.cloudflare.com/

 final cut pro 의 실시간 렌더링 기능 때문에 용량이 많이 차지하는 문제가 생긴다. movies(동영상)> fcpbundle 확장자의 파일로 들어가서(show package content)> render files > high quality media 안의 파일들을 삭제하면된다. 실시간 렌더링 기능 자체를 끌 수도 있고 final cut pro 자체에서도 삭제가 가능한듯 아래 내용 참고 --- Final Cut Pro에서 실시간 렌더링 기능은 프로젝트 작업 중 실시간으로 변화하는 편집 내용을 렌더링하여 시각적으로 확인할 수 있도록 도와줍니다. 그러나 이 기능은 배경 렌더링과 연계되어 디스크 공간을 많이 사용할 수 있습니다. 이 기능을 끄려면 다음 단계를 따라 하시면 됩니다: ### 배경 렌더링 끄기 1. **Final Cut Pro 열기**: 프로그램을 열고 프로젝트를 로드합니다. 2. **Preferences 접근**: 상단 메뉴에서 `Final Cut Pro` 메뉴를 선택한 후 `Preferences` (단축키: `Command + ,`)를 클릭합니다. 3. **Playback 탭 선택**: Preferences 창에서 `Playback` 탭을 선택합니다. 4. **Background Render 비활성화**:     - `Background Render` 옵션의 체크박스를 해제합니다. 이 설정을 비활성화하면 Final Cut Pro가 사용자가 명시적으로 요청할 때만 렌더링을 수행하게 됩니다. ### 추가적인 디스크 공간 관리 - **렌더 파일 삭제**: 기존에 생성된 렌더 파일들이 많이 쌓여 있다면, 이 파일들을 삭제하여 공간을 확보할 수 있습니다. `File` > `Delete Generated Library Files` 메뉴를 통해 렌더 파일, 프록시 파일, 최적화된 미디어 등을 선택적으로 삭제할 수 있습니다.    - **프록시 미디어 사용**: 고해상도 미디어의 렌더링으로 ...

netlify 100gb 트래픽 제한인데 디도스 받으면 자동 정지 이런 기능은 없어서 요금 폭탄 나올 수 있다고 해서  잠시 내릴까 고민, 옛날 꺼는 싹 지움 진짜 조금이지만 접속한 사람이 있어서 고민. 어떻게 온거지  

https://support.apple.com/ko-kr/guide/final-cut-pro/welcome/mac 흔들림 보정 https://support.apple.com/ko-kr/guide/final-cut-pro/verbacf92b/mac

  https://reactnative.dev/docs/environment-setup?guide=native&platform=android cli 설치하는 거 권장 안하고 npx로 하는 걸 권장 npx react-native@latest init AwesomeProject 다른거 다 있어서 이걸로 프로젝트 바로 생성

 https://youtu.be/J8-91kpT4wU?si=G2FR0CNx6wn7QRtG

 "JPG"와 "JPEG" 사이에 기술적인 차이는 없습니다. 두 용어는 모두 같은 이미지 파일 포맷을 가리키며, "JPEG"는 "Joint Photographic Experts Group"이라는 그룹의 이름에서 유래했습니다. 이 그룹은 JPEG 이미지 압축 표준을 개발했습니다. "JPEG"는 이 파일 포맷의 공식 이름이지만, 초기 윈도우 운영 체제에서는 파일 확장자를 3글자로 제한했기 때문에 "JPG"가 널리 사용되기 시작했습니다. 따라서, 대부분의 사용자와 운영 체제는 ".jpg"를 주로 사용하지만, 기술적으로 ".jpeg"도 정확히 같은 방식으로 처리됩니다. 결론적으로, ".jpg"와 ".jpeg"는 동일한 이미지 형식을 나타내며 사용할 때 특별히 선호되는 형식은 없습니다. 파일 확장자는 주로 사용하는 시스템이나 소프트웨어의 관습에 따라 결정될 수 있습니다. 파일의 확장자를 ".jpeg"에서 ".jpg"로 변경해도 파일 자체에 영향을 주지 않습니다. 확장자는 파일이 어떤 형식으로 저장되었는지를 시스템에 알려주는 역할을 하지만, ".jpeg"와 ".jpg"는 동일한 이미지 형식을 가리키므로 어느 것을 사용해도 문제가 없습니다. 파일 확장자를 변경하는 것은 일반적으로 파일 이름을 직접 수정하여 할 수 있습니다. 다만, 파일을 변경하기 전에는 해당 파일 형식을 시스템이나 사용 중인 애플리케이션이 지원하는지 확인하는 것이 좋습니다. 예를 들어, 어떤 소프트웨어는 ".jpeg" 확장자만 인식할 수 있고, 다른 소프트웨어는 ".jpg"를 선호할 수도 있습니다. 그러나 대부분의 현대 소프트웨어는 두 확장자를 모두 지원합니다.

 https://youtu.be/TGVut1z5IZ8?si=XA9g6nqqJJb6Sz8h

 맥북을 사용중이라면 도커 앱 켜놔야 함. 그냥 켜놓기만 하면 됨. <img alt="" data-original-height="186" data-original-width="150" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEiVoLxL3HUG6LwFrLJnAft3LZWTxyaGkKwLwXMW9RMl2A6tvkp8cTx7T7NW7SzOIOcenDzcqeiQruPQHThCIx2hq92xFY-41Yraiy628ZwFdSi3z3SRcsBV08BbnJn6Jd7KQCaz9uwcEoSIumnkVyTJYePNGeTLPAhslnMjB6P_EbIMaCF1XmunDJhDEn4Z" width="194" /> https://stackoverflow.com/questions/46971182/on-building-docker-image-level-error-msg-cant-close-tar-writer-io-read-write