More than TIL/Web

에밋(Emmet)

코디번 KodeVvon 2022. 4. 13. 12:04
에밋(Emmet)은 HTML, XML, XSL 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인이다. 원래 젠코딩(Zen Coding)으로 부르다가 에밋(Emmet)으로 이름을 변경했다. 매우 간단한 몇 가지 코드만 입력하면, 자동으로 완전한 HTML 코드를 생성해 준다.

-위키백과

개발자들은 에밋의 코드 자동완성 기능을 활용하면 코드의 작업 속도를 크게 향상시킬 수 있다.

VS code는 기본적으로 에밋은 플러그인으로 제공하고, Tab키를 이용해 기본적인 코드조각을 바로 생성할 수 있다. 에밋은 MIT 라이센스를 따르는 오픈소스이다.

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

//div.test 
<div class="test"></div>

// li*5 
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

// (ul>li*2>a)+div
<ul>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</ul>
<div></div>

 

Notepad++, 에디트플러스, Coda 등의 다양한 편집기 안에서 작동하며, 현재 많은 개발자들의 필수적인 존재로 엄청난 영향력을 발휘하고 있다

'More than TIL > Web' 카테고리의 다른 글

UI 색상을 추천해주는 사이트(color tool)  (0) 2022.04.13
웹 서비스 HTTP통신 구조  (0) 2022.04.13
쿠키, 세션, JWT  (0) 2022.04.13
로렘 입숨(lorem ipsum)  (0) 2022.04.13
개발 공부에 유용한 사이트 CodePen  (0) 2022.04.13