yarn global add wrangler

>  yarn add wrangler
yarn add v1.22.19
[1/4] 🔍  Resolving packages...
warning wrangler > @esbuild-plugins/node-modules-polyfill > rollup-plugin-node-polyfills > rollup-plugin-inject@3.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-inject.
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning " > ts-loader@9.4.1" has unmet peer dependency "webpack@^5.0.0".
[4/4] 🔨  Building fresh packages...
....
✨  Done in 19.39s.

 > yarn wrangler
yarn run v1.22.19
$ x/node_modules/.bin/wrangler
wrangler

Commands:
  wrangler docs [command]              📚 Open wrangler's docs in your browser
  wrangler init [name]                 📥 Initialize a basic Worker project, including a wrangler.toml file
  wrangler generate [name] [template]  ✨ Generate a new Worker project from an existing Worker template. See https://github.com/cloudflare/templates
  wrangler dev [script]                👂 Start a local server for developing your worker
  wrangler publish [script]            🆙 Publish your Worker to Cloudflare.
  wrangler delete [script]             🗑  Delete your Worker from Cloudflare.
  wrangler tail [worker]               🦚 Starts a log tailing session for a published Worker.
  wrangler secret                      🤫 Generate a secret that can be referenced in a Worker
  wrangler secret:bulk <json>          🗄️  Bulk upload secrets for a Worker
  wrangler kv:namespace                🗂️  Interact with your Workers KV Namespaces
  wrangler kv:key                      🔑 Individually manage Workers KV key-value pairs
  wrangler kv:bulk                     💪 Interact with multiple Workers KV key-value pairs at once
  wrangler pages                       ⚡️ Configure Cloudflare Pages
  wrangler queues                      🇶 Configure Workers Queues
  wrangler r2                          📦 Interact with an R2 store
  wrangler dispatch-namespace          📦 Interact with a dispatch namespace
  wrangler d1                          🗄  Interact with a D1 database
  wrangler pubsub                      📮 Interact and manage Pub/Sub Brokers
  wrangler login                       🔓 Login to Cloudflare
  wrangler logout                      🚪 Logout from Cloudflare
  wrangler whoami                      🕵️  Retrieve your user info and test your auth config
  wrangler types                       📝 Generate types from bindings & module rules in config
  wrangler deployments                 🚢 Displays the 10 most recent deployments for a worker

Flags:
  -c, --config   Path to .toml configuration file  [string]
  -e, --env      Environment to use for operations and .env files  [string]
  -h, --help     Show help  [boolean]
  -v, --version  Show version number  [boolean]
✨  Done in 1.23s.

> yarn wrangler r2 bucket create [bucket name]

> yarn wrangler r2 bucket create lucky-num-dev
yarn run v1.22.19
$ x/node_modules/.bin/wrangler r2 bucket create lucky-num-dev
 ⛅️ wrangler 2.8.1
-------------------
Creating bucket lucky-num-dev.
Created bucket lucky-num-dev.
✨  Done in 6.90s.

> yarn wrangler r2 bucket list

> yarn wrangler r2 bucket list
yarn run v1.22.19
$ x/node_modules/.bin/wrangler r2 bucket list
[
  {
    "name": "lucky-num-dev",
    "creation_date": "2023-01-27T13:29:58.769Z"
  }
]
✨  Done in 1.74s.

wrangler init [name] 📥 Initialize a basic Worker project, including a wrangler.toml file

> yarn wrangler whoami
yarn run v1.22.19
$ x/node_modules/.bin/wrangler whoami
 ⛅️ wrangler 2.8.1
-------------------
Getting User settings...
👋 You are logged in with an OAuth Token, associated with the email test@test.com!
┌─────────────────────────────────┬──────────────────────────────────┐
│ Account Name                    │ Account ID                       │
├─────────────────────────────────┼──────────────────────────────────┤
│ test@test.com's Account         │ 12345677880                      │
└─────────────────────────────────┴──────────────────────────────────┘
🔓 Token Permissions: If scopes are missing, you may need to logout and re-login.
Scope (Access)
- account (read)
- user (read)
- workers (write)
- workers_kv (write)
- workers_routes (write)
- workers_scripts (write)
- workers_tail (read)
- d1 (write)
- pages (write)
- zone (read)
- offline_access
✨  Done in 2.42s.

name = "[아까 wrangler init 에서 입력한 이름]"
compatibility_date = "2023-01-28"

name = "luckynum_dev"
main = "index.ts"
compatibility_date = "2023-01-28"

account_id = "12345677880"

workers_dev = true

[vars]
AUTH_KEY_SECRET = "key-key"

[[r2_buckets]]
binding = "MY_BUCKET"
bucket_name = "lucky-num-dev"

export interface Env {
  DEV_BUCKET: R2Bucket
}

const hasValidHeader = (request, env) => {
  return request.headers.get("X-Auth-Key") === env.AUTH_KEY_SECRET
}

function authorizeRequest(request, env, key) {
  switch (request.method) {
    case "PUT":
    case "DELETE":
    case "GET":
      return hasValidHeader(request, env)
  }
}

function parseRange(
  encoded: string | null
): undefined | { offset: number; length: number } {
  if (encoded === null) {
    return
  }

  const parts = encoded.split("bytes=")[1]?.split("-") ?? []
  if (parts.length !== 2) {
    throw new Error(
      "Not supported to skip specifying the beginning/ending byte at this time"
    )
  }

  return {
    offset: Number(parts[0]),
    length: Number(parts[1]) + 1 - Number(parts[0]),
  }
}

function objectNotFound(objectName: string): Response {
  return new Response(
    `<html><body>R2 object "<b>${objectName}</b>" not found</body></html>`,
    {
      status: 404,
      headers: {
        "content-type": "text/html; charset=UTF-8",
      },
    }
  )
}

function isNullOrUndefine(x: any) {
  if (x == null) {
    return false
  }
  if (x === null) {
    return false
  }
  if (typeof x === "undefined") {
    return false
  }
  return true
}

export default {
  async fetch(request: Request, env: Env): Promise<Response> {
    const url = new URL(request.url)
    const objectName = url.pathname.slice(1)
    if (!authorizeRequest(request, env, objectName)) {
      return new Response("Forbidden", { status: 403 })
    }

    switch (request.method) {
      case "PUT":
        const uploadObj = await env.DEV_BUCKET.put(objectName, request.body, {
          httpMetadata: request.headers,
        })

        const resultJson = JSON.stringify({
          uploaded: isNullOrUndefine(uploadObj["uploaded"])
            ? uploadObj["uploaded"]
            : "-",
          etag: isNullOrUndefine(uploadObj["httpEtag"])
            ? uploadObj["etag"]
            : "-",
          size: isNullOrUndefine(uploadObj["size"]) ? uploadObj["size"] : "-",
          version: isNullOrUndefine(uploadObj["version"])
            ? uploadObj["version"]
            : "-",
          key: isNullOrUndefine(uploadObj["key"]) ? uploadObj["key"] : "-",
        })

        return new Response(resultJson, {
          headers: {
            etag: uploadObj.httpEtag,
          },
        })
      case "GET":
        const object = await env.DEV_BUCKET.get(objectName)
        if (!object) {
          return new Response(
            JSON.stringify({ status: "fail", message: "Object Not Found" }),
            { status: 404 }
          )
        }
        return new Response(object.body)
      case "DELETE":
        await env.DEV_BUCKET.delete(objectName)
        return new Response(JSON.stringify({ status: "success" }), {
          status: 200,
        })

      default:
        return new Response(
          JSON.stringify({ status: "fail", message: "Method Not Allowed" }),
          { status: 405 }
        )
    }
  },
}

> yarn wrangler secret put lucky_key -c ./luckynum_dev/wrangler.toml
yarn run v1.22.19
$ X/node_modules/.bin/wrangler secret put lucky_key -c ./luckynum_dev/wrangler.toml
 ⛅️ wrangler 2.8.1
-------------------
✔ Enter a secret value: … ********************
🌀 Creating the secret for the Worker "luckynum_dev"
✨ Success! Uploaded secret lucky_key
✨  Done in 57.18s.