emmet은 HTML의 빠른 마크업을 하기 위해 프론트엔드 개발자에겐 필수적인 도구다.
Visual Studio Code는 emmet기능을 가지고 있는데, 리액트 개발을 하다보면 .jsx 확장자가 아닌 .js로 작성을 하면 연결 구성을 javascript로 잡아놓으면 emmet이 먹히지 않아 컴포넌트 내부에서 태그생성시 조금 번거러워지는 경우가 생긴다.
첫번째로 .js 확장자의 연결 구성을 javascriptReact로 바꾸는 방법이 있다.
그런데 이렇게하면 Javascript일때의 연결 구성이 먹히지 않을때가 간간히 존재하더라. 🤔
두번째로, 내가 설정했던 방법은 setting.json을 열고 아래 코드를 추가하는 방법이다.
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},emmet이 정상 동작하는 모습을 볼 수 있었다. 👌
