[VS CODE] javascript, react에서 emmet 사용하기

emmet 이라함은

 

<div class="class"></div> 등의 html 태그에 class나 id를 추가할떄 편하게 추가하기위해서

div.class 식으로 타이핑을 해도 똑같은 결과가 나오게 해주는 문법이다.

*로 곱하기도 가능하다.

 

하지만 vs code기본설정에서는 html에서만 이것을 지원하는데,

javascript 및 react에서도 html tag를 많이 이용하기 때문에 emmet을 js, jsx에서도 적용하는 방법을 알아보겠다.

 

mac이나 window나 일단 setting에 들어가서 emmet을 검색한다.

mac인경우 commanc+,

 

 

그럼 밑에 아래와같은 설정창이 있을것인데 item이랑 value값을 ""빼고 입력하여 OK누르고 추가해주면 끝이다.