1.1.2 VSCode 확장 프로그램 설치하기

VSCode에는 코드 작성에 도움이 되는 유익한 확장 프로그램(Extension)이 많습니다. 이를 잘 활용하면 코드의 생산성을 높일 수 있으므로 학습하는 데 유용한 몇 가지 확장 프로그램을 소개하겠습니다. 확장 프로그램은 프로그램명(Extension Name)/제작자명(Publisher Name)으로 소개하니 확장 프로그램명이 검색되지 않으면 제작자명을 검색해 보세요.

Live Server/Ritwick Dey

Live Server는 가상 서버를 이용해, 작성한 HTML 코드를 실시간으로 확인할 수 있는 확장 프로그램입니다. 코드를 작성하고 저장하면 Live Server와 연동된 HTML 문서가 실시간으로 반영되어 실행결과를 즉시 확인할 수 있습니다.

Auto Rename Tag/Jun Han

뒤에서 배우지만, HTML 태그는 시작 태그(open tag)와 종료 태그(close tag)로 구성되어 있습니다. 시작 태그와 종료 태그는 항상 같은 태그명이어야 해서, 만약 시작 태그나 종료 태그 중 한쪽 태그명을 변경하면 다른 쪽 태그명도 변경해야 합니다. 이때 Auto Rename Tag를 설치하면 둘 중 한쪽을 수정했을 때 다른 쪽은 자동으로 수정되게 설정할 수 있습니다.

HTML to CSS autocompletion/solnurkarim

HTML 문서에서 class 속성으로 작성한 값을 연결된 CSS 파일에서 자동 완성되도록 지원합니다.