Skip to content
View hyunbinseo's full-sized avatar
  • ๋‹ค์–‘ํ•œํ•™์Šต์ž๋ฅผ์œ„ํ•œ ์ฃผ์‹ํšŒ์‚ฌ
  • Republic of Korea
  • 20:25 - 9h ahead
  • LinkedIn in/hyunbinseo

Sponsoring

@drizzle-team
@JoshuaWise
@fabian-hiller
@L-Mario564

Block or report hyunbinseo

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
hyunbinseo/README.md

Hello! ์•ˆ๋…•ํ•˜์„ธ์š”! ๐ŸŠ

Svelte Firefox NodeJS TypeScript

Solving Problems with Open Source. ํ•œ๊ธ€ ํ”„๋กœ์ ํŠธ

Contact: LinkedIn, Email

Self-host Svelte Applications

Almost as simple as Vercel and Cloudflare Pages. Learn more

npm create svelte-kitty # setup project and database
npm run deploy # build and deploy to a Linux server
  • ๐Ÿ”’ Includes email based authentication, user and role management.
  • ๐Ÿ“ฆ Fully configured Drizzle ORM, Tailwind CSS, Valibot out-of-the box.

Better DX for Svelte Form and Modal

Form state management. Disable buttons during submission. Learn more

<script>
  import { enhance } from "$app/forms";
  import { createFormHelper } from "svelte-form-enhanced";
  const f = createFormHelper();
</script>

<form method="post" use:enhance={f.submitFunction}>
  <button disabled={f.state === "submitting"}>
    {f.state === "submitting" ? "Submitting" : "Submit"}
  </button>
</form>

Open and close an HTML modal by toggling a boolean state. Demo

<script>
  import { Modal } from "svelte-html-modal";
  let isOpen = $state(false);
</script>

<button type="button" onclick={() => (isOpen = true)}>Open Modal</button>

<div class="modal-wrapper">
  <Modal bind:isOpen closeOnBackdropClick={true}>
    <button type="button" onclick={() => (isOpen = false)}>Close</button>
  </Modal>
</div>

REST API without ANY Dependencies

Supports Twilio SMS, SendGrid and Postmark email, and more.

import { SendGridSendEmail3 as sendEmail } from "new-request";

const response = await sendEmail({
  // Utilizes the Fetch API and TypeScript types.
  // Everything is autocompleted and type-checked.
});

Bulk Download Zoom Cloud Recordings

Backup company recordings with a single command. Learn more

# create a urls.txt file with the recording URLs
npx zoom-rec-dl@latest # then start the download

CSS Optimized for Print and Screen

Pages are displayed like PDF viewers and word processors. Demo

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/print-friendly@0.3/index.css" />
  </head>
  <body>
    <div>
      <div class="page">/* Add content */</div>
    </div>
  </body>
</html>

๋Œ€ํ•œ๋ฏผ๊ตญ์˜ ๊ณตํœด์ผ

์›”๋ ฅ์š”ํ•ญ ๊ธฐ๋ฐ˜์˜ ์˜ค๋ฅ˜ ์—†๋Š” ๊ณต๊ฐœ ์บ˜๋ฆฐ๋”. ๋” ์•Œ์•„๋ณด๊ธฐ

  • JSON, CSV, ICS ํŒŒ์ผ ๋ฐ ํ˜ธ์ŠคํŒ… ์ œ๊ณต
  • ์บ˜๋ฆฐ๋” ๊ตฌ๋… ์ œ๊ณต (๊ตฌ๊ธ€, ์• ํ”Œ ์บ˜๋ฆฐ๋” ์ง€์›)
import { isHoliday } from "@hyunbinseo/holidays-kr";
isHoliday(new Date("2025-01-01T00:00:00+0900")); // true - ๊ณตํœด์ผ์ž…๋‹ˆ๋‹ค.
isHoliday(new Date("2025-01-02T00:00:00+0900")); // false - ๊ณตํœด์ผ์ด ์•„๋‹™๋‹ˆ๋‹ค.

์ž๋ชจ์•ผ ๋ชจ์—ฌ๋ผ

ํ”„๋กœ๊ทธ๋žจ ์„ค์น˜ ์—†๋Š” ํŒŒ์ผ๋ช… ์ž์†Œ ๋ถ„๋ฆฌ ํ•ด๊ฒฐ. ์›นํŽ˜์ด์ง€

# ํŒŒ์ผ์„ ๋Œ์–ด๋‹ค ๋†“์œผ๋ฉด ์ˆ˜์ •๋œ ํŒŒ์ผ์ด ๋‹ค์šด๋กœ๋“œ ๋ฉ๋‹ˆ๋‹ค.
- ใ…ใ…ใ…‡ใ…ฃใ„นใ…ใ…•ใ…‡.hwp
+ ํŒŒ์ผ๋ช….hwp

๋ฏผ๋ฐฉ์œ„.kr

์ „๊ตญ์—์„œ ์ฐธ์—ฌ ๊ฐ€๋Šฅํ•œ ๋ฏผ๋ฐฉ์œ„ ํ›ˆ๋ จ ์ผ์ • ์กฐํšŒ. ์›นํŽ˜์ด์ง€

Pinned Loading

  1. holidays-kr Public

    ๋Œ€ํ•œ๋ฏผ๊ตญ ๊ณตํœด์ผ์„ ๊ฐ€๊ณตํ•œ ์ž๋ฃŒ

    TypeScript 420 13

  2. jamoya.one Public

    ์ž์†Œ๊ฐ€ ๋ถ„๋ฆฌ๋œ ํ•œ๊ธ€ ํŒŒ์ผ๋ช…์„ ๊ณ ์น˜๋Š” ๋„๊ตฌ

    Svelte 206 13

  3. zoom-rec-dl Public

    Download multiple Zoom cloud recordings at once

    JavaScript 29 3

  4. swipe-scroller Public

    Lightweight Slider and Carousel

    Svelte 18 1

  5. svelte-html-modal Public

    <dialog> based modal for Svelte v5

    Svelte 13

  6. civil-defense Public

    ๋Œ€ํ•œ๋ฏผ๊ตญ ๋ฏผ๋ฐฉ์œ„ ๊ต์œก ์ผ์ •

    TypeScript 12