JavaScript 2

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

HTML 을 만들면서 제일 많이 사용하는 Element 는 단연 일 것이다. 그리고, 에서는 항상 "id" 나 "class" 속성 값이 붙게 되는데, 이를 빠르게 만드는 방법에 대해 정리한다. 필자는 HTML 을 오랫동안 다루지 않았기 때문에, 아는 선까지만 정리하고 새로 알게되는 것들이 있으면 추가할 예정이다. 1. class 속성 값을 입력한 채로, 를 생성하고 싶을 때는 "div.~~~" 을 입력하고 엔터를 쳐주면 된다. 그러면 의 형태로 바로 생성된다. 2. id 속성 값을 입력한 채로, 를 생성하고 싶을 때는 "div#~~~" 을 입력하고 엔터를 쳐주면 된다.

JavaScript 2023.02.23

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

본 글에서는 VSC 에서 HTML 파일을 새로 만들 때, HTML 의 기본적인 구조 코드를 쉽게 만드는 방법에 대해 정리한다. 1. !(Shift + 1) 치고 엔터 "!"(Shift+1) 를 치고, 그에 맞게 생성되는 자동 완성 상자에서 "!" 를 선택하면 된다. 2. html:5 를 입력하고 엔터 "html:5" 를 입력하고, 그에 맞게 생성되는 자동 완성 상자에서 "html:5" 를 선택하면 된다. 3. 글 마무리 오랜만에 VSC 를 켜서 새 HTML 파일을 만들 일이 생겼다. 그런데, DOCTYPE 부터 까지 입력할 생각을 하니 너무 귀찮았다. 분명 단축키가 있던 것 같았는데... 라는 생각을 하며 찾아보게 되었고, 이번 기회에 간단하게 정리했다.

JavaScript 2023.02.23
반응형