Visual Studio Code 유용한 서브 프로그램 정리
Visual Studio Code를 통해 코드를 작성하면서 더욱 유용하게 사용할 수 있도록
도움을 주는 익스텐션을 몇 가지 소개해 보도록 하겠습니다.
※ 여기서 익스텐션이란 쉽게 말해서 서브 프로그램이라고 생각하시면 되겠습니다.
일단 Visual Studio Code의 빨간색으로 표시된 해당 영역을 선택하시면
익스텐션이 모여있는 영역을 볼 수 있습니다.
위에 검색 창을 통해서 원하는 익스텐션을 검색하시고 선택하셔서
install을 눌러 설치하는 방식으로 사용하시면 되겠습니다.
이제 추천할 익스텐션에 대해 소개해 보도록 하겠습니다.
(1)
Auto Rename Tag
해당 익스텐션은 <div> 태그를 예로 들면 보면
<div></div>이런 형태로 작성이 되는데 만약
<div>에서 다른 태그로 변경하고 싶을 때
열린 태그와 닫힌 태그를 두 태그를 전부 변형을 해줘야 합니다.
하지만 해당 익스텐션을 설치하시면 열린 태그나 닫힌 태그 중에서
한 가지 태그를 변경하면 반대편의 코드도 똑같이 변경할 수 있도록
도움을 주는 아주 유용한 프로그램이라고 할 수 있습니다.
(2)
Indent-Rainbow
해당 익스텐션은 여백에 관련된 것으로
이렇게 공간의 앞에서 부터 색을 통해 구분을 지어주어서
코드의 가독성을 높여주고 깔끔하게 정리할 수 있도록
도움을 주는 익스텐션입니다.
(3)
Live Server
마지막으로 다른 익스텐션들도 많은 도움을 주지만
이번 Live Serve 익스텐션은 정말 큰 도움을 주는 프로그램입니다.
해당 익스텐션은 설치 전에는 변경된 결과물을 보기 위해서
웹에서 새로고침을 해서 변경된 결과물을 봐야 하는 번거로움이 있었지만
Live Serve를 설치하시면 Visual Studio Code에서 작성한 값을 저장만 하면
알아서 변경된 결과물을 보여주는 아주 유용한 익스텐션입니다.
제가 설명할 것은 여기까지입니다.
제가 소개하지 않았지만 Visual Studio Code를 꾸미는 익스텐션도 있고
앞에 봤던 것처럼 가독성을 높여주는 익스텐션도 있고
코드 작성에 도움을 주는 익스텐션 등 많은 종류의 익스텐션이 있습니다.
제가 설명드린 익스텐션은 현재 제가 직접 사용하면서 많은 도움을 받은
익스텐션들을 여러분들께 소개해 드렸습니다.
많은 도움이 되었으면 좋겠습니다. 이상 마치겠습니다.
감사합니다!!
댓글