나의 디딤돌

안녕하세요 오늘은 비주얼 스튜디오 코드를 한글로 바꾸는 방법과

한 가지 유용한 확장 플러그인을 알려드릴까 합니다.

그럼 바로 알아보도록 하겠습니다.

먼저 한글 에디터로 바꾸는 방법부터 알아보겠습니다.

비주얼 스튜디오 코드를 실행한 다음

아래 사진처럼 좌측 Extensions를 클릭해주시거나

단축키

Ctrl + Shift + X

실행시켜줍니다.

이후 검색 부분에다가 korean을 입력해주면

다음처럼 나오는데 install를 눌러주시면 됩니다.

설치를 완료하면 아래에 재시작을 할 것인지 나오게 되는데요

Restart를 눌러주면 자동으로 한글 에디터로 변경돼서 실행됩니다.

이렇게 한글버전으로 잘 바뀐 것을 확인하실 수 있습니다.

이번엔 간단하게 유용한 확장 플러그인 하나를 소개해드리고자

하는데요, html 작성 도중에 특정 단어만 css를 바꾸고 싶다

예를 들어 대한민국 이 단어에서

각각 색깔을 입혀주고 싶다 할 때 일일이 다 span이나 p태그를 붙여주면

약간 번거로운 이때 사용하기 유용합니다.

약간의 시간을 절약하게 되는 것이죠 

이번에도 마찬가지로 Extensions 클릭해주신 다음 

검색 창에 htmltagwrap를 입력해줍니다.

저는 이미 설치한 상태라서 저렇게 설정 버튼이 나오는데요, 이 전에도 설명드렸듯이,

설치를 하지 않으면 한글 버전으로 변경할 때처럼 Install 버튼이 나오고

저처럼 설치를 이미 했다면 이렇게 설정 버튼이 나오게 됩니다.

이후 설치가 완료되었다면, html 문서로 가서

중간에 변경하고 싶은 부분에 가서 마우스로 드래그해줍니다.

예를 들어 다음과 같은 코드가 있을 때,

<div>안녕하세요 반갑습니다. 그럼 이만</div>

그럼 부분을 마우스로 드래그해서 묶어줍니다. 

그다음 Alt + W를 눌러주면

p태그로 묶어주게 됩니다.

이렇게 해서 태그 이름을 바꿔주시거나 또는 클래스를 붙여,

css에서 변경해주시면 특정 단어만 css를 다르게 적용할 수 있습니다.