Emmet

간단하게 태그 이름만 작성하고 탭키를 누르면 요소 자동 완성되는 건 emmet이라는 기능의 도움 덕임.

코드펜에서도 사용 가능

w:200 탭 하면

width:200px;
자동 완성됨.

---

emmet은 css 선택자를 활용해 사용하는 기능.
* 기호는 곱하기
{} 는 내용을 삽입
$ 는 순서대로 숫자 입력을 의미

div>ul>li*4{$}

를 입력하면

<div>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
</div>

가 완성된다!!!!!