[vscode] html 문서에서 아이디 또는 클래스 부여한 div 요소 빠르게 생성하는 방법

웹 개발을 하다보면 아래와 같이 id 또는 class가 부여되어 있는 div 요소를 만드는 경우가 매우 잦을 것입니다. 

 

<div id="main">
</div>

<div class="name">
</div>

 

vscode에서는 위와 같은 코드를 아주 쉽고 빠르게 생성할 수 있습니다.

 

#main만 입력한 후에 탭을 누르면 자동으로 아래와 같이 됩니다.

 

#아이디 + 탭

 

<div id="main">
</div>

 

또한 .name만 입력한 후에 탭을 누르면 자동으로 아래와 같이 코드가 완성됩니다. 

 

.클래스 + 탭

<div class="name">
</div>

 

이 기능만 활용해도 코드 작성 시간을 상당히 줄일 수 있습니다.