TIL Day 35 HTML & CSS 빠르게 마크업 하기

vscode에서 div를 입력하면 div가 자동완성되면서 옆에 emmet이라는 글이 보인다. 이는 개발자들이 자주 사용하는 tag를 자동완성하도록 만들어준 vscode 내장 프로그램이다.

//단축키
div>ul>li
//결과
<div>
    <ul>
        <li></li>
    </ul>
</div>

//단축키
  div>ul*5
//결과
<div>
    <ul></ul>
    <ul></ul>
    <ul></ul>
    <ul></ul>
    <ul></ul>
</div>

//단축키
div>(header>ul>li*2>a)+footer>p
//결과
<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>