2024๋…„ 2์›” 11์ผยท1๋ถ„ ์ฝ๊ธฐ

Hono 4.0.0์€ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ ๋ฐ ํ–ฅ์ƒ๋œ ํด๋ผ์ด์–ธํŠธ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค

Hono ์›น ํ”„๋ ˆ์ž„์›Œํฌ์˜ ์ƒˆ๋กœ์šด ๋ฆด๋ฆฌ์Šค์—๋Š” ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ, ํ–ฅ์ƒ๋œ ํด๋ผ์ด์–ธํŠธ ๊ตฌ์„ฑ ์š”์†Œ ๋ฐ ํŒŒ์ผ ๊ธฐ๋ฐ˜ ๋ผ์šฐํŒ…์ด ํฌํ•จ๋˜์–ด ์žˆ์–ด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ƒ์„ฑ ์‹œ ๊ฐœ๋ฐœ์ž ์ƒ์‚ฐ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Hono 4.0.0์€ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ ๋ฐ ํ–ฅ์ƒ๋œ ํด๋ผ์ด์–ธํŠธ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค

Hono ์›น ํ”„๋ ˆ์ž„์›Œํฌ ๋’ค์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ๋Š” ๋ฏธ๋ž˜ ์ง€ํ–ฅ์ ์ธ ํด๋ผ์ด์–ธํŠธ ๊ตฌ์„ฑ ์š”์†Œ์™€ ํ•จ๊ป˜ ์„ ๊ตฌ์ ์ธ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ์œผ๋กœ JavaScript ์ƒํƒœ๊ณ„๋ฅผ ๊ฐ•ํ™”ํ•˜๋Š” ๋ฒ„์ „ 4.0.0์„ ๊ณต๊ฐœํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ JavaScript ๋Ÿฐํƒ€์ž„์—์„œ ์ž‘๋™ํ•˜๋„๋ก ์„ค๊ณ„๋œ Hono ์˜ ์ตœ์‹  ๋ฒ„์ „์€ ๋ฏผ์ฒฉํ•˜๊ณ  ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ๋ฅผ ์ฐพ๋Š” ์›น ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•ด ๋งž์ถค ์ œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

2์›” 9์ผ์— ์ถœ์‹œ๋œ Hono 4.0.0Hono ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ •์  ํŽ˜์ด์ง€๋ฅผ ์ƒ์„ฑํ•˜๋„๋ก ์„ค๊ณ„๋œ ๋›ฐ์–ด๋‚œ ์œ ํ‹ธ๋ฆฌํ‹ฐ์ธ SSG Helper๋ฅผ ์ž๋ž‘ํ•ฉ๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋Š” ์ „์šฉ ๋นŒ๋“œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋งž์ถคํ˜• build.ts ํŒŒ์ผ์—์„œ toSSG() ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํ•จ์ˆ˜๋Š” ์ •์˜๋œ ๊ฒฝ๋กœ์—์„œ ์ฝ˜ํ…์ธ ๋ฅผ ์ž๋™์œผ๋กœ ์กฐ๋‹ฌํ•˜๊ณ  ์ด๋ฅผ ์ •์  ํŒŒ์ผ๋กœ ํ†ตํ•ฉํ•˜์—ฌ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•ฉ๋‹ˆ๋‹ค.

ํšจ์œจ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด Bun toolkit ๊ณผ Deno ๋Ÿฐํƒ€์ž„์— ๋งž์ถคํ˜• ์–ด๋Œ‘ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด ๊ฐœ๋ฐœ ์‹œ๊ฐ„์ด ๋‹จ์ถ•๋ฉ๋‹ˆ๋‹ค. Vite ํ”Œ๋Ÿฌ๊ทธ์ธ @hono/vite-ssg ๋„๋ฆฌ ์‚ฌ์šฉ๋˜๋Š” vite ๋ช…๋ น์„ ์‚ฌ์šฉํ•˜์—ฌ ์ •์  ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ํ”„๋กœ์„ธ์Šค๋ฅผ ๋”์šฑ ๊ฐ„์†Œํ™”ํ•ฉ๋‹ˆ๋‹ค.

์ถ”๊ฐ€์ ์ธ ํ˜์‹ ์„ ์ด‰์ง„ํ•˜๋Š” Hono 4.0.0 hono/jsx ๋ฅผ ํ†ตํ•ด ํด๋ผ์ด์–ธํŠธ ์ธก์— ๋‚ ๊ฐœ๋ฅผ ํŽผ์นฉ๋‹ˆ๋‹ค. ์ด ํ™•์žฅ์€ ์ด์ œ ํด๋ผ์ด์–ธํŠธ ํ™˜๊ฒฝ ๋‚ด์—์„œ ์ž‘๋™ํ•˜๋ฉฐ useContext , useEffect ๋ฐ Memo ์™€ ๊ฐ™์€ React ์œ ์‚ฌํ•œ ํ›„ํฌ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ต์ˆ™ํ•œ ํŒจ๋Ÿฌ๋‹ค์ž„์œผ๋กœ ํด๋ผ์ด์–ธํŠธ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค.

ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ๋ณ„๋„์˜ ํŒจํ‚ค์ง€๋กœ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋Š” HonoX ๋ผ๋Š” ์ƒˆ๋กœ์šด ํŒŒ์ผ ๊ธฐ๋ฐ˜ ๋ผ์šฐํŒ… ์‹œ์Šคํ…œ์„ ํ†ตํ•ฉํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ํ™•์žฅ๋˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ฐœ๋ฐœ์„ ์ฃผ๋„ํ•˜๋„๋ก ๋งž์ถคํ™”๋˜์–ด Hono ํ†ตํ•œ ์‹ ์†ํ•œ ๋ Œ๋”๋ง์„ ๋ณด์žฅํ•˜๊ณ  ๊ฐœ๋ฐœ์ž๊ฐ€ ์„ ํ˜ธํ•˜๋Š” ๋ Œ๋”๋Ÿฌ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ์กด ๋ฏธ๋“ค์›จ์–ด๋ฅผ ๋ณด์™„ํ•˜๋ฉฐ Hono's ์ •์‹ ๊ณผ ์กฐํ™”๋ฅผ ์ด๋ฃน๋‹ˆ๋‹ค.

Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Netlify, AWS Lambda, Lambda@Edge ๋ฐ Node.js ์™€ ๊ฐ™์€ ์ฃผ์š” JavaScript ๋Ÿฐํƒ€์ž„๊ณผ ์„ ํƒ์ ์œผ๋กœ ํ˜ธํ™˜๋˜๋Š” Hono ๋ฐฐํฌ ์œ ์—ฐ์„ฑ์„ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ์†๋„์™€ ์„ค์น˜ ๊ณต๊ฐ„์„ ํฌํ•จํ•œ ๋‹ค์–‘ํ•œ ์‹œ๋‚˜๋ฆฌ์˜ค์— ์ตœ์ ํ™”๋œ 5๊ฐœ์˜ ๊ฐœ๋ณ„ ๋ผ์šฐํ„ฐ๊ฐ€ ํ•จ๊ป˜ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. SmartRouter๋Š” ์ด๋Ÿฌํ•œ ๋‹ค์žฌ๋‹ค๋Šฅํ•จ์˜ ์ „ํ˜•์„ ๋ณด์—ฌ์ฃผ๋ฉฐ, ํ˜„์žฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ณ ์œ ํ•œ ๋ผ์šฐํŒ… ์š”๊ตฌ ์‚ฌํ•ญ์— ๋งž๊ฒŒ ๋ผ์šฐํ„ฐ ์„ ํƒ์„ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค.

์›น, ๋ชจ๋ฐ”์ผ ๋˜๋Š” ๋ฐฑ์—”๋“œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹ ์†ํ•˜๊ฒŒ ์กฐ์ •ํ•˜๊ณ  ๋ฐ˜๋ณตํ•˜๋ ค๋Š” ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•ด AppMaster ์™€ ๊ฐ™์€ ํ”Œ๋žซํผ์€ ํฌ๊ด„์  no-code ์†”๋ฃจ์…˜์„ ์ œ๊ณตํ•˜์—ฌ ํ™•์žฅ์„ฑ์„ ํฌ์ƒํ•˜๊ฑฐ๋‚˜ ๊ธฐ์ˆ ์  ๋ถ€์ฑ„๋ฅผ ์ดˆ๋ž˜ํ•˜์ง€ ์•Š๊ณ  ์‹ ์†ํ•œ ๊ฐœ๋ฐœ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” Hono ์™€ ๊ฐ™์€ ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ์˜ ๋ชฉํ‘œ์™€ ์ผ์น˜ํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ์ˆœํ™”ํ•˜๋Š” ๋™์‹œ์— ๊ฐ•๋ ฅํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Easy to start
Create something amazing

Experiment with AppMaster with free plan.
When you will be ready you can choose the proper subscription.

Get Started
Hono 4.0.0์€ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ ๋ฐ ํ–ฅ์ƒ๋œ ํด๋ผ์ด์–ธํŠธ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค | AppMaster