7️⃣ 꼭 알아야 할 개발자를 위한 VSCODE 단축키 Thread🧵

div#info 👇
<div id="info"></div>

div.header 👇
<div class="header"></div>

form#search.info 👇
<form id="search" class="info"></form>

p.info1.info2.info3#info
<p class="info1 info2 info3" id='info'></p>

ul>li 👇
<ul>
    <li></li>
</ul>

ul>li*5 👇
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

div+section+p 👇
<div></div>
<section></section>
<p></p>

a{Google} 👇
<header> <a href="">Google</a> </header>

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>

ul>.item👇
<ul>
    <li class="item"></li>
</ul>

table>.row>.col*3 👇
<table>
    <tr class="row">
        <td class="col"></td>
        <td class="col"></td>
        <td class="col"></td>
    </tr>
</table>

ul>li.item$*5
<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>

팔로우 감사합니다✨