์ปค์คํ ์๋ฆฌ๋จผํธ์ ์๋์ฐ ๋ ๊ทธ๋ฆฌ๊ณ lit-html์ ์ฌ์ฉํ์ฌ ์น ์ปดํฌ๋ํธ TODO์ฑ์ ๋ง๋ค์ด ๋ณธ๋ค. ์ด ๋ฐฉ์์ผ๋ก ์ฌ๋ฌ๋ถ์ ์ต์ํ ๋ฆฌ์ํธ์ ๊ฐ์ ๋ฐฉ์์ผ๋ก ์น ์ปดํฌ๋ํธ ์ฑ์ ์์ฑํ ์ ์๋ค. lit-html์ ๋จ์ง 25kb๋ฅผ ์ฐจ์งํ ๋ฟ์ด๋ฉฐ, ๋ชจ๋ ์ฝ๋๋ #useThePlatform์ ๋ชจํ ๋ฅผ ๋ฐ๋ผ ๋ธ๋ผ์ฐ์ ํ์ค์ ๋ฐ๋ฅธ๋ค.
Tag: ์๋์ฐ ๋
์น ์ปดํฌ๋ํธ(3)โโโ์๋์ฐ ๋(#Shadow DOM)
์น ์ปดํฌ๋ํธ ํ์ค ์ค ํ๋์ธ ์๋์ฐ ๋์ ๋ํ ํํ ๋ฆฌ์ผ. ์๋์ฐ ๋์ ๋ํ ์ฌ์ฉ๋ฒ๊ณผ, ์ ์ด๊ฒ์ด ์ ์ฉํ์ง ์์๋ณธ๋ค. ๋ ๋์๊ฐ ์ปค์คํ ์๋ฆฌ๋จผํธ์ ํจ๊ป DOM์ OOP(Object-Oriented Programming)์ผ๋ก์์ ๊ฐ๋ฅ์ฑ์ ์ ์ํ๋ค.
์น ์ปดํฌ๋ํธ(1)โโโKeep calm and #UseThePlatform
์ต๊ทค๋ฌ, ๋ฆฌ์ํธ, ๋ทฐ, ์ ๋ฒ... ํ๋ก ํธ์๋ ํ๋ ์์ํฌ๋ค์ด ์์์ง๊ณ ์๋ค. ์ด ํ๋ ์์ํฌ๋ค์ ํจ์ฉ์ ์ฃผ๊ธฐ๋ ํ์ง๋ง, ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ ๋ฌด๊ฒ๊ฒ ๋ง๋ค๊ธฐ๋ ํ๋ค. ๊ตฌ๊ธ์ #UseThePlatform์ด๋ผ๋ ๊ตฌํธ๋ก ํ๋ก ํธ์๋๋ฅผ ์ฐ์ง ๋ง๊ณ , ๋ธ๋ผ์ฐ์ ์์ฒด๋ฅผ ํ๋ ์์ํฌ๋ก์ ์ฐ์๋ ์ ์์ ํ๋ค. ์น ์ปดํฌ๋ํธ์ ํจ๊ป!