2023๋…„ 6์›” 26์ผยท1๋ถ„ ์ฝ๊ธฐ

Svelte 4 ๋ฆด๋ฆฌ์Šค๋Š” ์ƒ๋‹นํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ๊ณผ ๊ฐœ์„ ๋œ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค

๊ฐ„์ ˆํžˆ ๊ธฐ๋‹ค๋ ค์˜จ Svelte 4๊ฐ€ ๊ณต์‹์ ์œผ๋กœ ์ถœ์‹œ๋˜์–ด ํŒจํ‚ค์ง€ ํฌ๊ธฐ๊ฐ€ 75% ์ค„์–ด๋“ค๊ณ  ๊ฐœ๋ฐœ์ž ํ™˜๊ฒฝ์ด ๊ฐœ์„ ๋˜์—ˆ์œผ๋ฉฐ ์›น์‚ฌ์ดํŠธ๊ฐ€ ๊ฐœํŽธ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐœํ‘œ๋Š” ๋˜ํ•œ ๋” ๋‚˜์€ ๊ธฐ๋Šฅ๊ณผ ์„ฑ๋Šฅ์„ ์œ„ํ•ด ํ›จ์”ฌ ๋” ์‹ค์งˆ์ ์ธ ์ปดํŒŒ์ผ๋Ÿฌ์™€ ๋Ÿฐํƒ€์ž„ ์žฌ์ž‘์„ฑ์„ ์•ฝ์†ํ•˜๋Š” Svelte 5์— ๋Œ€ํ•œ ๊ณ„ํš์„ ๊ณต๊ฐœํ•ฉ๋‹ˆ๋‹ค.

Svelte 4 ๋ฆด๋ฆฌ์Šค๋Š” ์ƒ๋‹นํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ๊ณผ ๊ฐœ์„ ๋œ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค

์ธ๊ธฐ ์žˆ๋Š” ์›น ๊ฐœ๋ฐœ ์–ธ์–ด์ธ Svelte๊ฐ€ ์ตœ์‹  ์•ˆ์ • ๋ฆด๋ฆฌ์Šค์ธ Svelte 4 ๋ฅผ ๊ณต์‹์ ์œผ๋กœ ๊ณต๊ฐœํ–ˆ์Šต๋‹ˆ๋‹ค. Svelte 3 ์ดํ›„ 4๋…„ ์ด์ƒ์ด ๊ฒฝ๊ณผํ•œ ์ตœ์‹  ๋ฒ„์ „์€ Node.js ๋ฐ ๋ธŒ๋ผ์šฐ์ € API์— ๋Œ€ํ•œ ์ˆ˜๋งŽ์€ ์—…๋ฐ์ดํŠธ๋ฅผ ์„ค๋ช…ํ•˜์—ฌ ์ „๋ฐ˜์ ์ธ ์„ฑ๋Šฅ๊ณผ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.

Svelte 4์˜ ์ฃผ์š” ๊ฐœ์„  ์‚ฌํ•ญ ์ค‘ ํ•˜๋‚˜๋Š” ํŒจํ‚ค์ง€ ํฌ๊ธฐ๊ฐ€ 75% ๊ฐ์†Œํ•œ ๊ฒƒ ์ž…๋‹ˆ๋‹ค. ์ด ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ learn.svelte.dev, Svelte REPL์—์„œ ๋Œ€ํ™”ํ˜• ํ•™์Šต ํ”Œ๋žซํผ์— ์•ก์„ธ์Šคํ•˜๋Š” ์‚ฌ์šฉ์ž ๋ฐ ์—ฐ๊ฒฐ์ด ์ œํ•œ๋œ ์‚ฌ์šฉ์ž์—๊ฒŒ ํŠนํžˆ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ ์ข…์†์„ฑ ์ˆ˜๊ฐ€ 61๊ฐœ์—์„œ 16๊ฐœ๋กœ ๋Œ€ํญ ์ค„์–ด ๋‹ค์šด๋กœ๋“œ ์†๋„๊ฐ€ ๋นจ๋ผ์ง€๊ณ  ๊ณต๊ธ‰๋ง ๊ณต๊ฒฉ์— ๋Œ€ํ•œ ์ทจ์•ฝ์„ฑ์ด ๋‚ฎ์•„์กŒ์Šต๋‹ˆ๋‹ค.

Svelte 4์˜ ๋˜ ๋‹ค๋ฅธ ์ฃผ์š” ์ดˆ์ ์€ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜ ์˜ ํ–ฅ์ƒ์ž…๋‹ˆ๋‹ค. ๋งž์ถค ์š”์†Œ ์ž‘์„ฑ์€ ๋Œ€๋Œ€์ ์ธ ์ ๊ฒ€์„ ๊ฑฐ์ณ ๋”์šฑ ์ง๊ด€์ ์ด๊ณ  ์ผ๊ด€๋˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. IDE ์ €์ž‘ ํ™˜๊ฒฝ๋„ ์—…๋ฐ์ดํŠธ๋˜์–ด cmd+click์œผ๋กœ ์‹ค์ œ ๊ตฌํ˜„์œผ๋กœ ๋ฐ”๋กœ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ svelte/internal์—์„œ ๊ฐ€์ ธ์˜ค๋Š” ํŒŒ์ผ์€ ์ž๋™ ์™„์„ฑ ์ œ์•ˆ์„ ์–ด์ง€๋Ÿฝํžˆ์ง€ ์•Š๋„๋ก ์ˆจ๊ฒจ์ง‘๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ์ถ”๊ฐ€ ๊ฐœ์„  ์‚ฌํ•ญ์—๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ํŽ˜์ด์ง€ ์ „ํ™˜์„ ๋ฐฉํ•ดํ•˜์ง€ ์•Š๋„๋ก ํ•˜๋Š” ์ „ํ™˜์— ๋Œ€ํ•œ ์ƒˆ๋กœ์šด ๊ธฐ๋ณธ ์„ค์ •, ๊ฐ„์†Œํ™”๋œ ์ „์ฒ˜๋ฆฌ๊ธฐ ๋ฐ ์ฝ˜ํ…์ธ  ๋ณด์•ˆ ์ •์ฑ…(CSP)์˜ ๋‹จ์ˆœํ™”๋œ ํ†ตํ•ฉ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

์ด ๋ฆด๋ฆฌ์Šค์˜ ์ผ๋ถ€๋กœ Svelte ์›น ์‚ฌ์ดํŠธ ๋„ ๊ฐœํŽธ๋˜์–ด ์—ฌ๋Ÿฌ ํŽ˜์ด์ง€, ํ–ฅ์ƒ๋œ ๋ชจ๋ฐ”์ผ ํƒ์ƒ‰, ๋” ๋‚˜์€ TypeScript ์„ค๋ช…์„œ, ๋‹คํฌ ๋ชจ๋“œ ๋ฐ ๊ฐœ์„ ๋œ REPL์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ž์Šต์„œ ๋งํฌ๋Š” ์ƒˆ๋กœ์šด learn.svelte.dev ์‚ฌ์ดํŠธ๋ฅผ ์ฐธ์กฐํ•˜๋„๋ก ์—…๋ฐ์ดํŠธ๋˜์—ˆ์œผ๋ฉฐ SvelteKit ์‚ฌ์ดํŠธ๋Š” ์œ ์‚ฌํ•œ ์—…๋ฐ์ดํŠธ๋ฅผ ๋ฐ›๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

๋ฐœํ‘œ์—์„œ ํŒ€์€ ์ปดํŒŒ์ผ๋Ÿฌ์™€ ๋Ÿฐํƒ€์ž„์˜ ์™„์ „ํ•œ ์žฌ์ž‘์„ฑ์ด ํฌํ•จ๋œ ๊ณง ์ถœ์‹œ๋  Svelte 5 ์— ๋Œ€ํ•œ ์ •๋ณด๋„ ๊ณต์œ ํ–ˆ์Šต๋‹ˆ๋‹ค. Svelte 4๋Š” Svelte 5๋ฅผ ์œ„ํ•œ ๊ธธ์„ ์—ด์—ˆ์Šต๋‹ˆ๋‹ค. Svelte 5๋Š” ์ฃผ์š” ์ƒˆ ๊ธฐ๋Šฅ์„ ๋„์ž…ํ•˜๊ณ  ์ด์ „ ๋ชจ๋ธ๋ณด๋‹ค ๋” ๋‚˜์€ ์„ฑ๋Šฅ์„ ์ œ๊ณตํ•  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ๋ฉ๋‹ˆ๋‹ค.

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

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
Svelte 4 ๋ฆด๋ฆฌ์Šค๋Š” ์ƒ๋‹นํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ๊ณผ ๊ฐœ์„ ๋œ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค | AppMaster