VSC 에서 HTML <div> 를 class, id 와 함께 빠르게 생성하는 방법

 HTML 을 만들면서 제일 많이 사용하는 Element 는 단연 <div> 일 것이다. 그리고, <div> 에서는 항상 "id" 나 "class" 속성 값이 붙게 되는데, 이를 빠르게 만드는 방법에 대해 정리한다. 필자는 HTML 을 오랫동안 다루지 않았기 때문에, 아는 선까지만 정리하고 새로 알게되는 것들이 있으면 추가할 예정이다.

1. <div class="~~">

 class 속성 값을 입력한 채로, <div> 를 생성하고 싶을 때는 "div.~~~" 을 입력하고 엔터를 쳐주면 된다.

before

after

 그러면 <div class="~~~"> 의 형태로 바로 생성된다.

2. <div id="~~">

 id 속성 값을 입력한 채로, <div> 를 생성하고 싶을 때는 "div#~~~" 을 입력하고 엔터를 쳐주면 된다.

before

after