[ React ] vscode에서 JSX태그 자동완성(emmet) 적용하기

react, nextjs를 사용 시 JSX태그에서도 자동완성을 하고 싶은데 되지 않아 답답한 경우가 생김!

setting.json에서 jsx emmet 설정!

setting.json 들어가는 단축키 -> Ctrl + Shift + P

vscode 설정에 들어가 setting.json에 코드 추가

"emmet.syntaxProfiles": {
     "javascript": "jsx" 
 },
 "emmet.includeLanguages": {
    "javascript": "html"
}

 

적용 후, JSX문법에서도 자동완성이 되는 것을 확인 할 수 있습니다.

별거 아니지만 참..

실무에서 꼭 필요한 기능 emmet!!!!!