글

라벨이 cloudflare인 게시물 표시

깃허브에 json올려서 직접 호스팅

JSON 파일이 너무 커서 클라우드 플레어 페이지에 안올라가서 깃허브에 따로 올려서 그 페이지를 fetch해와서 썼다. 1. **GitHub에 파일 업로드**:     - GitHub 저장소를 생성하거나 기존 저장소를 사용합니다.     - `public/database` 디렉토리에 `dictionary_db.json` 파일을 업로드합니다. 2. **GitHub에서 파일의 Raw URL 가져오기**:     - 파일을 업로드한 후, 해당 파일의 Raw URL을 가져옵니다. 예를 들어, `https://github.com/USERNAME/REPOSITORY/raw/BRANCH/public/database/dictionary_db.json`와 같은 URL이 됩니다. 3. **코드 수정**:     - fetch 요청을 GitHub의 Raw URL로 변경합니다. 다음은 GitHub에 파일을 업로드하고 코드를 수정하는 과정입니다. ### 1. GitHub에 파일 업로드 - GitHub 저장소에 `public/database` 디렉토리를 생성합니다. - `dictionary_db.json` 파일을 해당 디렉토리에 업로드합니다. ### 2. GitHub에서 Raw URL 가져오기 - 파일을 업로드한 후, 파일을 클릭하여 GitHub에서 파일을 엽니다. - 파일 내용이 표시되는 페이지에서 `Raw` 버튼을 클릭하여 파일의 Raw URL을 가져옵니다.   - 예시 URL: `https://github.com/USERNAME/REPOSITORY/raw/BRANCH/public/database/dictionary_db.json` ### 3. 코드 수정 ```javascript import "./App.css"; import React, { useEffect, useState } from "react"; function createBlankWordObject(word) {   return { ...

[cloudflare] Error: Pages only supports files up to 25 MiB in size

  Error: Pages only supports files up to 25 MiB in size public/database/dictionary_db.json is 28.6 MiB in size 용량 초과

클라우드 플레어 pages 쓸때 깃허브 가서 리포지토리 접근 허용해줘야함

 클라우드 플레어 pages 쓸때 깃허브 가서 리포지토리 접근 허용해줘야함 일부접근만되게 해놨거든

cloudflare worker vs page

 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의 ...

netlify -> cloudflare pages 옮김.

이미지
 여기는 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/