본문 바로가기

Web Dev/react.js

react .js 파일에서는 emmet이 왜 적용이 안되나 ?

반응형

React.js 파일에서 Emmet 기능이 적용되지 않는 이유는 React.js 파일이 일반 HTML 파일과 다른 문법을 가지고 있기 때문입니다. React.js는 JSX라는 문법을 사용하며, 이는 HTML과 JavaScript의 혼합된 형태로 작성됩니다.

따라서 React.js에서 Emmet 기능을 사용하려면 다음과 같이 설정해야합니다.

  1. Visual Studio Code에서 Ctrl + ,를 눌러 "User Settings"을 엽니다.
  2. "emmet.includeLanguages"를 검색하여 설정 파일에 다음과 같은 코드를 추가합니다.

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
},

위 설정을 추가하면, React.js에서도 Emmet 기능을 사용할 수 있습니다. 예를 들어, div.container를 입력하고 Tab을 누르면 <div className="container"></div>와 같은 코드가 자동으로 생성됩니다.

반응형