jerrynim-profile

Javascript Developer๐Ÿ•น

open

How about Lit-html

lit-html lets you write HTML templates in JavaScript, then efficiently render and re-render those templates together with data to create and update DOM:

7 FrontEnd JavaScript Trends and Tools You Should Know for 2020์—์„œ ๊ธ€์„ ๋ณด๋ฉด์„œ Lit-html, stenciljs,svelte,bit๋“ฑ์„ ์ฒ˜์Œ ์ ‘ํ•˜๊ณ  ๋” ๋น ๋ฅด๊ณ  ์‰ฌ์šด ๊ฐœ๋ฐœ, ์žฌ์‚ฌ์šฉ์„ฑ์„ ์œ„ํ•œ ๋…ธ๋ ฅ์€ ๋์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ๊ฐํƒ„ํ•˜๋ฉฐ ์œ„์— ๊ฒƒ๋“ค์„ ํ•œ๋ฒˆ์”ฉ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ–ˆ์–ด์š”.๐Ÿ”ฅ ๋ฒจ๋กœ๊ทธ๋ฅผ ๋ณด๋‹ค๋ณด๋ฉด Svelte์— ๊ด€ํ•œ ๊ธ€์„ ์ž์ฃผ ๋ณด์ด๊ณ , ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ๋„ ์ž์ฃผ ๊ฑฐ๋ก  ๋˜๋Š” ๊ฒƒ ๊ฐ™์€๋ฐ, Lit-html์— ๋Œ€ํ•ด์„œ๋Š” ์‚ฌ๋žŒ๋“ค์ด ์ž˜ ๋ชจ๋ฅด๋Š” ๊ฒƒ ๊ฐ™๋”๋ผ๊ตฌ์š”. ํ•˜์ง€๋งŒ Npm trend ๋ฅผ ๋ณด์•˜์„๋•Œ ํ†ต๊ณ„๋Š”lit-html์˜ ์„ฑ์žฅ์„ธ๋Š” ๊พธ์ค€ํ•ด ๋ณด์ด๊ณ ,

https://jerrynim-blog.s3.ap-northeast-2.amazonaws.com/2019-10-22%2006%3A36%3A50-%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202019-10-22%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.36.34.png

์ง€ํ‘œ ๋ฟ๋งŒ์ด ์•„๋‹ˆ๋ผ Lit-html์„ ์‚ฌ์šฉํ• ๋•Œ ์‰ฝ๊ณ  ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ €์—๊ฒŒ ์นœ์ˆ™ํ•˜๋‹ค๊ณ  ๋Š๊ผˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ €๋Š” Lit-html์— ๋งŒ์กฑํ•˜๊ณ  ๋‹ค์‹œ ์‚ฌ์šฉํ•  ์˜ํ–ฅ์ด ์ƒ๊ฒผ๊ณ , ๋‹ค๋ฅธ ๋ถ„๋“ค์—๊ฒŒ๋„ ์†Œ๊ฐœํ•˜๊ณ  ์‹ถ์–ด์กŒ์–ด์š”. ๊ทธ๋ž˜์„œ ์ด์ œ Lit-html์„ ์†Œ๊ฐœํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.