Hamutaro - Hamtaro 4

svelte 1

[Svelte] Svelte๋ž€ ๋ฌด์—‡์ธ๊ฐ€

Svelte ๋ž€? ์ปดํŒŒ์ผ๋Ÿฌ ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฆฌ์•กํŠธ๋‚˜ ๋ทฐ๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋™์ž‘ํ•˜๋Š” ๋Ÿฐํƒ€์ž„ ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ์‹ค์ œ ์‹คํ–‰ ์‹œ์ ์—์„œ Virtual DOM์„ ์ƒ์„ฑํ•จ๊ทธ์— ๋ฐ˜ํ•ด Svelte๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ ๋ฏธ๋ฆฌ ์ตœ์ ํ™”๋œ ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋กœ ๋ณ€ํ™˜ํ•จ๊ฒฐ๊ณผ์ ์œผ๋กœ Svelte๋Š” ๋ Œ๋”๋ง ์†๋„๊ฐ€ ๋น ๋ฆ„ ๊ตฌ์กฐ์™€ ๋ฌธ๋ฒ• Count: {count}+ ์•ˆ๋…•ํ•˜์„ธ์š”, {name}๋‹˜! ์ƒํƒœ๊ด€๋ฆฌํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ๊ฐ€ ์ปค์งˆ ๊ฒฝ์šฐ Svelte store๋ฅผ ์‚ฌ์šฉ// store.jsimport { writable } from 'svelte/store';export const count = writable(0);{$count} $count += 1}>+ --> $count ๋ฌธ๋ฒ•์œผ๋กœ store์˜ ๊ฐ’์„ ์ž๋™์œผ๋กœ ๊ตฌ๋…/๊ฐฑ์‹  Svelte์˜..

ETC. 2025.08.18