Visual Studio Code 에서 기본적인 HTML 구조 생성하는 방법

 본 글에서는 VSC 에서 HTML 파일을 새로 만들 때, HTML 의 기본적인 구조 코드를 쉽게 만드는 방법에 대해 정리한다.

Before

After

1. !(Shift + 1) 치고 엔터

 "!"(Shift+1) 를 치고, 그에 맞게 생성되는 자동 완성 상자에서 "!" 를 선택하면 된다.

2. html:5 를 입력하고 엔터

 "html:5" 를 입력하고, 그에 맞게 생성되는 자동 완성 상자에서 "html:5" 를 선택하면 된다.

3. 글 마무리

 오랜만에 VSC 를 켜서 새 HTML 파일을 만들 일이 생겼다. 그런데, DOCTYPE 부터 </body> 까지 입력할 생각을 하니 너무 귀찮았다. 분명 단축키가 있던 것 같았는데... 라는 생각을 하며 찾아보게 되었고, 이번 기회에 간단하게 정리했다.