[TIL.9]React JSX return내에서 html 마크업 에밋기능 사용하는 방법(vsCode)

마크업을 하나하나 타이핑해야하는건 큰 고문이었다.....

리액트를 처음 배우면서 새삼 에밋기능의 소중함을 느낌.

솔직히 일반 마크업할때 에밋기능을 엄청 현란하게 사용하는건 아니었지만 이게 또 안되니까 엄청 아쉽다

 

anyway.

해결방법은 생각보다 간단했다.

 

VScode 메뉴에서 파일 > 기본설정 > 설정 을 타고 들어가서 검색창에 settings.json을 찾는다

 

 

 

그리고 마지막에 살포시 아래 기능을 추가해주면 끄읕-

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

 

 

{

 //~
 "emmet.includeLanguages": { 
        "javascript": "javascriptreact" 
    }
}

 

간혹 띄어쓰기 하나로 에러가 나는 경우도 있다고 하니 잘 확인하자.

 

이렇게 세팅해주면 아래와같이 에밋기능을 활용해 빠른 마크업이 가능해진다

 

 

코린이 삶의 질이 상승하는 소리 굿굿ㅋㅋㅋㅋㅋ

즐코하세요 :)