์›น ์ปดํฌ๋„ŒํŠธ(5)โ€Šโ€”โ€Šlit-html๋กœ ๋ฆฌ์—‘ํŠธ์ฒ˜๋Ÿผ ์ฝ”๋”ฉํ•˜๊ธฐ

์›น ์ปดํฌ๋„ŒํŠธ(5)โ€Šโ€”โ€Šlit-html๋กœ ๋ฆฌ์—‘ํŠธ์ฒ˜๋Ÿผ ์ฝ”๋”ฉํ•˜๊ธฐ

์ปค์Šคํ…€ ์—˜๋ฆฌ๋จผํŠธ์™€ ์‰๋„์šฐ ๋” ๊ทธ๋ฆฌ๊ณ  lit-html์„ ์‚ฌ์šฉํ•˜์—ฌ ์›น ์ปดํฌ๋„ŒํŠธ TODO์•ฑ์„ ๋งŒ๋“ค์–ด ๋ณธ๋‹ค. ์ด ๋ฐฉ์‹์œผ๋กœ ์—ฌ๋Ÿฌ๋ถ„์€ ์ต์ˆ™ํ•œ ๋ฆฌ์—‘ํŠธ์™€ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ์›น ์ปดํฌ๋„ŒํŠธ ์•ฑ์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. lit-html์€ ๋‹จ์ง€ 25kb๋ฅผ ์ฐจ์ง€ํ•  ๋ฟ์ด๋ฉฐ, ๋ชจ๋“  ์ฝ”๋“œ๋Š” #useThePlatform์˜ ๋ชจํ† ๋ฅผ ๋”ฐ๋ผ ๋ธŒ๋ผ์šฐ์ € ํ‘œ์ค€์„ ๋”ฐ๋ฅธ๋‹ค.

์›น ์ปดํฌ๋„ŒํŠธ(4)โ€Šโ€”โ€Šํ…œํ”Œ๋ฆฟ ์—˜๋ฆฌ๋จผํŠธ(Template Element)์™€ HTML Imports

์›น ์ปดํฌ๋„ŒํŠธ(4)โ€Šโ€”โ€Šํ…œํ”Œ๋ฆฟ ์—˜๋ฆฌ๋จผํŠธ(Template Element)์™€ HTML Imports

์›น ์ปดํฌ๋„ŒํŠธ์˜ ํ‘œ์ค€์œผ๋กœ์„œ ํ…œํ”Œ๋ฆฟ ์—˜๋ฆฌ๋จผํŠธ(Template Element)์™€ HTML Import๊ฐ€ ํ•„์š”ํ•œ ์ด์œ , ๊ทธ๋ฆฌ๊ณ  ์ด ๋‘ ํ‘œ์ค€์ด ์–ด๋ ค์›€์„ ๊ฒช๊ณ  ์žˆ๋Š” ์‚ฌ์—ฐ. ์ด์— ์ƒˆ๋กœ์ด ๋Œ€๋‘๋˜๊ณ  ์žˆ๋Š” ES6 ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด์„ ์ด์šฉํ•œ ์†”๋ฃจ์…˜์„ ์†Œ๊ฐœํ•œ๋‹ค. ์ด ์ด์•ผ๊ธฐ๋ฅผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ HTML ํ…œํ”Œ๋ฆฟ์˜ ๋ณ€ํ™”๋กœ ์ด์•ผ๊ธฐํ•œ๋‹ค.