๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ฌ/ใ…ใ……ใ…Œใ…‹ใ…ใ…… ์ฑŒ๋ฆฐ์ง€

49, 50์ผ์ฐจ

๐Ÿ’–

49์ผ์ฐจ

 

Part 16. Svelte

Ch 1. Svelte ์ž…๋ฌธ

 


 

 

https://svelte.dev/

 

Svelte • Cybernetically enhanced web apps

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using tec

svelte.dev

 

  • Write less code
  • No virtual DOM
  • Truly reactive

 

 

 ๐Ÿ”— REPL 

 

 

 

 ๐Ÿ”— Webpack  => ๋ฒˆ๋“ค๋ŸฌX ๋นŒ๋“œ ๋„๊ตฌO

 

๋ฒˆ๋“ค๋ŸฌX ๋นŒ๋“œ ๋„๊ตฌO

 

  • ์žฅ์ 
    • ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ์™€ ์ƒ๊ด€์—†๋Š” ๋น ๋ฅธ ๋นŒ๋“œ
    • ์ตœ์†Œํ•œ์˜ ๊ตฌ์„ฑ
    • ๋‹ค์–‘ํ•œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์— ์ ์šฉ ๊ฐ€๋Šฅ
  • ๋‹จ์ 
    • ์•„์ง์€ ๋‚ฎ์€ ์„ฑ์ˆ™๋„
    • ESM(ECMAScript Module) ๋ฏธ์ง€์› ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” ๋™์ž‘ ๋ถˆ๊ฐ€
    • ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๋น„์šฉ

 

 

 ๐Ÿ”— ์‚ฌ์ดํŠธ ๋ฐฐํฌ 

 

// .gitignore

.cache/
.DS_Store/
node_modules/
build/

 

https://www.netlify.com/

 

Netlify: Develop & deploy the best web experiences in record time

A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free!

www.netlify.com

 

 


[ํ›„๊ธฐ]

 

 Svelte ๊ฐ€ Vue ๋ž‘ ๋น„์Šทํ•œ ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ์†Œ๊ฐœ ๋˜๊ธธ๋ž˜ ์ดˆ๋ฐ˜ ๊ฐœ๋… ๋ถ€๋ถ„๋งŒ ๋“ฃ๊ณ , ์ง€๊ธˆ์€ ์•ˆ ๋“ฃ๊ณ  ๋„˜์–ด๊ฐ€๊ธฐ๋กœ ํ–ˆ๋‹ค. (์•„์ง ๋ฆฌ์•กํŠธ๊ฐ€ ์ต์ˆ™ํ•˜์ง€ ์•Š์•„ ์‚ฌ์šฉ๋ฒ•์ด ํ—ท๊ฐˆ๋ฆด ์ˆ˜๋„ ์žˆ์„ ๊ฑฐ ๊ฐ™์•„์„œ Vue๋ฅผ ์•ˆ ๋“ค์—ˆ์—ˆ๋‹ค!) ๋‚˜์ค‘์— Vue ๋„ ๋ฐฐ์›Œ๋ณด๊ณ  ์‹ถ์–ด์„œ ๊ทธ ๋•Œ ๋“ค์„ ๋•Œ Svelte ๋„ ๊ฐ™์ด ์ฐพ์•„์„œ ๋“ค์–ด์•ผ ๊ฒ ๋‹ค๐Ÿ˜Š ๋งˆ์ง€๋ง‰ ๊ฐ•์˜๋ผ ์„ค๋ ˆ๋Š” ๋งˆ์Œ์œผ๋กœ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ ์•ˆ ๋“ค์œผ๋‹ˆ๊นŒ ์‹œ์› ์„ญ์„ญํ•˜๋„คใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹

 

'๐Ÿ’ฌ > ใ…ใ……ใ…Œใ…‹ใ…ใ…… ์ฑŒ๋ฆฐ์ง€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

48์ผ์ฐจ  (0) 2022.03.30
47์ผ์ฐจ  (0) 2022.03.29
46์ผ์ฐจ  (0) 2022.03.29
45์ผ์ฐจ  (0) 2022.03.28
43, 44์ผ์ฐจ  (0) 2022.03.26