You Can Become A
๋ฆ๊ฒ ์์ํด๋ ๋๊ตฌ๋ ์ง ๋ ธ๋ ฅํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์ด์ !
์๋ฐ
๐ท๏ธ ์๋ฉง(Emmet) ๋ฌธ๋ฒ ๋ชจ์ - ํ๋์ ์ ๋ฆฌ
Emmet (์๋ฐ) ์๋ฐ์ HTML, XML, XSL ๋ฌธ์ ๋ฑ์ ํธ์งํ ๋ ๋น ๋ฅธ ์ฝ๋ฉ์ ์ํด ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ์ด๋ค. ์๋ ์ ์ฝ๋ฉ์ผ๋ก ๋ถ๋ฅด๋ค๊ฐ ์๋ฐ์ผ๋ก ์ด๋ฆ์ ๋ณ๊ฒฝํ๋ค. ๋งค์ฐ ๊ฐ๋จํ ๋ช ๊ฐ์ง ์ฝ๋๋ง ์ ๋ ฅํ๋ฉด, ์๋์ผ๋ก ์์ ํ HTML ์ฝ๋๋ฅผ ์์ฑํด ์ค๋ค. ์ด์ฒ๋ผ ์๋ฐ์ ์ฌ์ฉํ๋ฉด HTML & CSS์ ์์ ์๋๋ฅผ ์์ฒญ๋๊ฒ ํฅ์์ํฌ ์ ์๋ค. VSCode๋ emmet์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ง์ํ๊ณ Tabํค๋ฅผ ํตํด ์ฌ์ฉํ๋ค. HTML ํ๊ทธ emmet ์์(ํ์) ์์ > div>ul>li ํ์ ์์ + div>p+span ์ฌ๋ผ๊ฐ๊ธฐ ^ div>ul>li^p+a div>ul>li^^div ๋ฐ๋ณตํ๊ธฐ * div>ul>li*3 ๊ทธ๋ฃนํ () div>(header>ul>li*2)+footer