[HTML] HTML 태그 단축키, emmet의 개념과 사용법

- 목차 1. HTML에서 emmet이란 무엇인가? 2. emmet의 기본 문법 및 사용 예제 1. HTML에서 emmet이란 무엇인가? emmet은 우리가html 코드를 더욱 효율적으로 작성할 수 있게끔 도와주는 기능들을 제공한다. emmet은 텍스트(HTML언어)편집을 도와주는 플러그인이며 대부분의 텍스트 에디터에 통합돼있다. VS code와 Intellij IDEA 기준으로 문법에 맞게 코드 작성후 tab버튼을 눌러주면 된다. 간단한 태그들부터 복잡한 형태의 태그들까지 모두 구현이 가능하게끔 돼있다. 개인적으로는 CSS의 선택자 문법과 비슷하다고 생각했다. 2. emmet의 기본 문법 및 사용 예제 emmet은 다음과 같이 작성할 수 있다. 꺽쇠안의 태그명과 > 를 함께 입력 후 tab을 누를 시 ..

2023.04.27