Web Development/React

리액트 자동완성 기능 활성화

쟤리 2024. 9. 8. 14:26
728x90
반응형
"emmet.includeLanguages" : {
	javascript" : "javascriptreact",
    "*html" : "html",
    }

 

1. "javascript": "javascriptreact"

  • 리액트에서 JSX 문법을 사용하기 때문에, javascript 파일 안에서도 HTML과 유사한 코드를 작성하게 된다.
  • 하지만, 기본적으로 Emmet은 .js 파일 안에서는 HTML 코드 자동 완성을 제공하지 않음
  • 이 설정을 추가하면, .js 파일에서도 Emmet이 리액트의 JSX 문법을 인식하고, HTML 태그 자동 완성 기능을 사용할 수 있게 됨.

2. "*html": "html"

  • 이 부분은 모든 파일에서 HTML 자동 완성 기능을 제공하려는 설정
  • 리액트 뿐만 아니라, .html 확장자가 아니더라도 Emmet의 HTML 자동 완성 기능을 사용할 수 있게 해 줌
728x90
반응형

'Web Development > React' 카테고리의 다른 글

CSS 속성  (0) 2024.09.09
버튼 (Button) 컴포넌트  (0) 2024.09.09
리액트 프로젝트 생성  (1) 2024.09.09
index.js  (0) 2024.09.08
리액트 폴더구조  (0) 2024.09.08