책으로 배우는 비전공자 코딩 챌린지 3일차 - VSCode 확장 프로그램 추천

비주얼 스튜디오코드(VSCode)

마이크로소프트사에서 제공하는 윈도우, 맥os에서 사용할 수 있는 멀티플랫폼 개발 프로그램이다.

코드 비교	Visual Studio	Visual Studio Code
이용료	유료	무료 (개인, 기업 모두)
제공 기능	코드 자동완성, 디버거, DB통합, 서버설정 등 제공	코딩, 컴파일, 디버깅 기능 제공

확장 프로그램 

사용자가 원하는 기능을 추가로 설치하여 더욱 편리하게 코딩할 수 있도록 도와주는 설치형 프로그램이다.

 

-추천 프로그램 6가지

1. Korean Language Pack for Visual Studio Code

기본 언어가 영어로 설정돼 있는 vscode에 한글 확장팩을 설치하여 에디터를 쉽게 사용할 수 있도록 해준다.

 

 

2. Live Server

작성한 코드를 즉각적으로 웹 페이지에 반영해준다. 코드를 수정한 뒤 웹 사이트를 새로고침 하지 않아도 자동으로 수정된 내용이 반영된다.

 

 

 

3. Auto Close Tag

닫는 태그를 자동으로 생성해주는 프로그램이다. 여는 태그를 작성했다면 자동으로 닫는태그가 생성된다.

 

 

 

4. HTML Snippets

태그를 자동으로 완성시켜주는 프로그램이다. 부호(<>)를 사용하지 않고 작성해도 태그로 변환된다.

 

 

 

 

5. Material Icon Theme

파일명 앞에 언어별로 아이콘을 표기해주어 문서를 쉽게 구분할 수 있게 해준다.

 

 

 

 

6. Prettier - Code formatter

포맷에 맞지 않는 코드를 자동으로 맞춰주는 프로그램이다. 자동 줄간격 등을 제공하여 코드를 보기 좋게 해주며 정확도가 높아 실용성이 좋다.

 

 

 

+ 비주얼 스튜디오 사용법 영상 (생활코딩)

https://youtu.be/K8qVH8V0VvY