โšกToolZip
๋ธ”๋กœ๊ทธ๐Ÿ› ๏ธ ๋„๊ตฌ ์‚ฌ์šฉํ•˜๊ธฐ
โ† ๋ธ”๋กœ๊ทธ ๋ชฉ๋ก
๐Ÿ’ป dev2026๋…„ 10์›” 6์ผ

์„œ๋ฒ„ ์—†์ด ์›น์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•

#์„œ๋ฒ„์—†์ด์›น์„œ๋น„์Šค#์„œ๋ฒ„๋ฆฌ์Šค๋ž€#Vercel๋ฌด๋ฃŒ#์ •์ ํ˜ธ์ŠคํŒ…์ด๋ž€#์›น์„œ๋น„์Šค๋ฌด๋ฃŒ์šด์˜#์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ์„œ๋ฒ„

์›น์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๋ ค๋ฉด ์„œ๋ฒ„๊ฐ€ ์žˆ์–ด์•ผ ํ•œ๋‹ค๋Š” ์ƒ๊ฐ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์ „ํ†ต์ ์ธ ๋ฐฉ์‹์€ ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ง€๊ธˆ์€ ์„œ๋ฒ„ ์—†์ด๋„ ์›น์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ์ด๋ฏธ์ง€ ์••์ถ•, PDF ํŽธ์ง‘, ๋™์˜์ƒ ๋ณ€ํ™˜ ๋“ฑ 52๊ฐ€์ง€ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ์„œ๋ฒ„ ์—†์ด ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


์„œ๋ฒ„๋ฆฌ์Šค(Serverless)๋ž€

์„œ๋ฒ„๋ฆฌ์Šค๋Š” ์„œ๋ฒ„๊ฐ€ ์•„์˜ˆ ์—†๋‹ค๋Š” ๋œป์ด ์•„๋‹™๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง์ ‘ ์„œ๋ฒ„๋ฅผ ๊ด€๋ฆฌํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ์˜๋ฏธ์ž…๋‹ˆ๋‹ค. ์„œ๋ฒ„๋Š” ํด๋ผ์šฐ๋“œ์— ์žˆ์ง€๋งŒ, ์šฉ๋Ÿ‰ ์„ค์ •, ์šด์˜์ฒด์ œ ๊ด€๋ฆฌ, ๋ณด์•ˆ ํŒจ์น˜, ์Šค์ผ€์ผ๋ง ๊ฐ™์€ ์ž‘์—…์„ ๋ชจ๋‘ ํด๋ผ์šฐ๋“œ ์—…์ฒด๊ฐ€ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.


๋ฐฉ๋ฒ• 1 โ€” ํŒŒ์ผ ์ฒ˜๋ฆฌ๋ฅผ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ•ฉ๋‹ˆ๋‹ค

๊ฐ€์žฅ ๊ทผ๋ณธ์ ์ธ ๋ฐฉ๋ฒ•์€ ์„œ๋ฒ„๊ฐ€ ํ•„์š”ํ•œ ์ž‘์—…์„ ๋ธŒ๋ผ์šฐ์ €๋กœ ์˜ฎ๊ธฐ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ์••์ถ•๊ณผ ๋ณ€ํ™˜์€ Canvas API๋กœ, PDF ํ•ฉ์น˜๊ธฐ์™€ ๋ถ„๋ฆฌ๋Š” pdf-lib์œผ๋กœ, ๋™์˜์ƒ ์••์ถ•๊ณผ ๋ณ€ํ™˜์€ FFmpeg.wasm์œผ๋กœ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋‘ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค. ํŒŒ์ผ์ด ์„œ๋ฒ„๋กœ ์ „์†ก๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด ๋ฐฉ์‹์€ ์„ธ ๊ฐ€์ง€ ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์„œ๋ฒ„ ๋น„์šฉ์ด ์—†์Šต๋‹ˆ๋‹ค.
  • ํŒŒ์ผ์ด ์™ธ๋ถ€๋กœ ๋‚˜๊ฐ€์ง€ ์•Š์•„ ๊ฐœ์ธ์ •๋ณด๊ฐ€ ๋ณดํ˜ธ๋ฉ๋‹ˆ๋‹ค.
  • ์„œ๋ฒ„ ๋ถ€ํ•˜๊ฐ€ ์—†์œผ๋‹ˆ ์‚ฌ์šฉ์ž๊ฐ€ ๋งŽ์•„์ ธ๋„ ์†๋„๊ฐ€ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค.

๋ฐฉ๋ฒ• 2 โ€” ์ •์  ํ˜ธ์ŠคํŒ…์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค

HTML, CSS, JavaScript ํŒŒ์ผ๋งŒ์œผ๋กœ ์ด๋ฃจ์–ด์ง„ ์›น์‚ฌ์ดํŠธ๋Š” ์„œ๋ฒ„ ์—†์ด ์ •์  ํŒŒ์ผ ํ˜ธ์ŠคํŒ…์œผ๋กœ ์„œ๋น„์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Vercel, Netlify, Cloudflare Pages ๊ฐ™์€ ์„œ๋น„์Šค๊ฐ€ ์ด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. GitHub์— ์ฝ”๋“œ๋ฅผ ์˜ฌ๋ฆฌ๋ฉด ์ž๋™์œผ๋กœ ๋นŒ๋“œํ•˜๊ณ  ๋ฐฐํฌํ•ฉ๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ ํ”Œ๋žœ์œผ๋กœ๋„ ์ถฉ๋ถ„ํ•œ ์ˆ˜์ค€์˜ ํŠธ๋ž˜ํ”ฝ์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๋ฐฉ๋ฒ• 3 โ€” ์„œ๋ฒ„๋ฆฌ์Šค ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค

์„œ๋ฒ„๊ฐ€ ํ•„์š”ํ•œ ์ž‘์—…์ด ์žˆ์„ ๋•Œ๋Š” ์„œ๋ฒ„๋ฆฌ์Šค ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ํด๋ผ์šฐ๋“œ๊ฐ€ ํ•„์š”ํ•  ๋•Œ๋งŒ ์‹คํ–‰ํ•˜๊ณ , ์‹คํ–‰ํ•˜์ง€ ์•Š์„ ๋•Œ๋Š” ๋น„์šฉ์ด ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

Vercel Functions, AWS Lambda, Cloudflare Workers ๊ฐ™์€ ์„œ๋น„์Šค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. API ํ‚ค ์ฒ˜๋ฆฌ๋‚˜ ์™ธ๋ถ€ ์„œ๋น„์Šค ์—ฐ๋™์ฒ˜๋Ÿผ ์„œ๋ฒ„๊ฐ€ ํ•„์š”ํ•œ ์ž‘์—…๋งŒ ์„œ๋ฒ„๋ฆฌ์Šค ํ•จ์ˆ˜๋กœ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.


๋ฐฉ๋ฒ• 4 โ€” ์™ธ๋ถ€ ์„œ๋น„์Šค๋ฅผ ์กฐํ•ฉํ•ฉ๋‹ˆ๋‹ค

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค, ์ธ์ฆ, ํŒŒ์ผ ์ €์žฅ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ์ง์ ‘ ๊ตฌํ˜„ํ•˜์ง€ ์•Š๊ณ  ์ „๋ฌธ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

  • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค: Supabase, PlanetScale, Neon
  • ์ธ์ฆ: Auth0, Clerk, NextAuth
  • ํŒŒ์ผ ์ €์žฅ: Cloudflare R2, AWS S3
  • KV ์ €์žฅ์†Œ: Vercel KV, Upstash

์ด๋Ÿฐ ์„œ๋น„์Šค๋“ค์€ ๋Œ€๋ถ€๋ถ„ ๋ฌด๋ฃŒ ํ‹ฐ์–ด๊ฐ€ ๋„‰๋„‰ํ•ด์„œ ์ดˆ๊ธฐ ์šด์˜์— ๋น„์šฉ์ด ๊ฑฐ์˜ ๋“ค์ง€ ์•Š์Šต๋‹ˆ๋‹ค.


์‹ค์ œ ์šด์˜ ๋น„์šฉ

52๊ฐ€์ง€ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ์ด ๋ฐฉ์‹์œผ๋กœ ์šด์˜ํ–ˆ์„ ๋•Œ ์›” ๋น„์šฉ์ž…๋‹ˆ๋‹ค.

ํ•ญ๋ชฉ๋น„์šฉ
Vercel (ํ˜ธ์ŠคํŒ…)๋ฌด๋ฃŒ
Vercel KV (๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค)๋ฌด๋ฃŒ
๋„๋ฉ”์ธ์—ฐ $15 (~2๋งŒ์›)
ํ•ฉ๊ณ„์—ฐ 2๋งŒ์›

์‚ฌ์šฉ์ž๊ฐ€ ๋Š˜๋ฉด ์œ ๋ฃŒ ํ”Œ๋žœ์œผ๋กœ ์ „ํ™˜ํ•ด์•ผ ํ•˜์ง€๋งŒ, ์ดˆ๊ธฐ์—๋Š” ๊ฑฐ์˜ ๋ฌด๋ฃŒ๋กœ ์šด์˜์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.


ํ•œ๊ณ„๋„ ์žˆ์Šต๋‹ˆ๋‹ค

์„œ๋ฒ„๋ฆฌ์Šค ๋ฐฉ์‹์ด ํ•ญ์ƒ ์ข‹์€ ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค.

์ฒ˜๋ฆฌ ์†๋„: ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ฒ˜๋ฆฌํ•˜๋ฉด ์„œ๋ฒ„๋ณด๋‹ค ๋А๋ฆฝ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž ๊ธฐ๊ธฐ ์„ฑ๋Šฅ์— ๋”ฐ๋ผ ๋‹ค๋ฅด๊ณ , ๊ตฌํ˜• ๊ธฐ๊ธฐ์—์„œ๋Š” ๋‹ต๋‹ตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ณต์žกํ•œ ๊ธฐ๋Šฅ: ์‚ฌ์šฉ์ž ๊ฐ„ ์‹ค์‹œ๊ฐ„ ์ƒํ˜ธ์ž‘์šฉ์ด ํ•„์š”ํ•˜๊ฑฐ๋‚˜, ๋Œ€์šฉ๋Ÿ‰ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ ์„œ๋ฒ„๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

์ฝœ๋“œ ์Šคํƒ€ํŠธ: ์„œ๋ฒ„๋ฆฌ์Šค ํ•จ์ˆ˜๋Š” ์˜ค๋ž˜ ์‚ฌ์šฉํ•˜์ง€ ์•Š์œผ๋ฉด ์Šฌ๋ฆฝ ์ƒํƒœ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ์ฒ˜์Œ ์š”์ฒญํ•  ๋•Œ ๋”œ๋ ˆ์ด๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์ •๋ฆฌ

์„œ๋ฒ„ ์—†์ด ์›น์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•˜๋Š” ๊ฒƒ์€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ํŒŒ์ผ ์ฒ˜๋ฆฌ๋ฅผ ๋ธŒ๋ผ์šฐ์ €๋กœ ์˜ฎ๊ธฐ๊ณ , ์ •์  ํ˜ธ์ŠคํŒ…์„ ํ™œ์šฉํ•˜๊ณ , ์„œ๋ฒ„๋ฆฌ์Šค ํ•จ์ˆ˜์™€ ์™ธ๋ถ€ ์„œ๋น„์Šค๋ฅผ ์กฐํ•ฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ดˆ๊ธฐ ๋น„์šฉ ์—†์ด ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์–ด์„œ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋‚˜ ๊ฐœ์ธ ์„œ๋น„์Šค์— ํŠนํžˆ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ› ๏ธ
์ง€๊ธˆ ๋ฐ”๋กœ ๋„๊ตฌ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ
์„ค์น˜ ์—†์ด ยท ๋ฌด๋ฃŒ ยท ์„œ๋ฒ„ ์ „์†ก ์—†์Œ
๋„๊ตฌ ์—ด๊ธฐ โ†’
์„œ๋ฒ„ ์—†์ด ์›น์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•˜๋Š” ๋ฐฉ๋ฒ• โ€” ToolZip | ToolZip