[Visual Studio Code] 기능과 특징

목차
1_VSCode란
2_VSCode 특징과 기능
3_VSCode 지원 기능(HTML, CSS, JavaScript, DOM)

 

1_VSCode란

 

Visual Studio Code (VSCode)는 마이크로소프트에서 개발한 무료 및 오픈 소스 통합 개발 환경 (IDE)이다.

주로 소프트웨어 개발자들이 코드 작성, 편집, 디버깅, 버전 관리 등의 작업을 수행하기 위해 사용되는 도구이다.

VSCode는 경량화된 IDE로서 다양한 프로그래밍 언어와 기술 스택을 지원하며, 확장성이 뛰어나서 사용자들이 원하는 기능을 확장하거나 추가할 수 있다.

---

2_VSCodE 특징과 기능

 

다양한 언어 지원

- VSCode는 다양한 프로그래밍 언어와 마크업 언어를 지원한다.

- JavaScript, Python, C++, Java, HTML, CSS 등 다양한 언어에 대한 문법 강조, 자동 완성 등의 기능을 제공한다.

 

확장성

- 사용자들은 확장팩(Extension)을 설치하여 VSCode의 기능을 확장하고 원하는 도구와 서비스를 통합할 수 있다.

- 이러한 확장팩은 사용자 정의 스니펫, 디버깅 도구, Git 연동 등을 포함한다.

내장된 버전 관리

- VSCode는 Git과 같은 버전 관리 도구와 통합되어 소스 코드의 변경 내용을 추적하고 관리할 수 있다.

인텔리전스 기능

- 코드 자동 완성, 오류 표시, 문서 포맷팅 등의 인텔리전스 기능을 제공하여 개발자의 생산성을 높여준다.

통합 터미널

- VSCode는 내장된 터미널을 제공하여 개발자가 IDE 내에서 명령어를 실행하고 프로젝트를 관리할 수 있도록 한다.

디버깅 지원

- 코드 디버깅을 위한 기능을 제공하여 개발자가 프로그램의 실행 중 문제를 찾고 해결할 수 있도록 도와준다.

다양한 테마 지원

- 다양한 테마를 사용하여 인터페이스를 원하는 스타일로 꾸밀 수 있다.

클라우드 통합

- 클라우드 플랫폼과의 통합을 지원하여 개발자가 클라우드 서비스를 이용할 때 편의성을 제공한다.

 

---

 

3_VSCode 지원 기능(HTML, CSS, JavaScript, DOM)

HTML 지원

- VSCode는 HTML 문서 작성을 위한 문법 강조와 자동 완성을 제공한다.

- HTML 태그 및 속성에 대한 정보를 제공하여 더 효율적인 HTML 작업이 가능하다.

- Emmet이라는 기능을 통해 HTML 코드 작성을 빠르고 쉽게 할 수있다.

CSS 지원

- VSCode는 CSS 스타일 시트를 작성하고 편집하는 데 도움이 되는 기능을 제공한다.

- CSS 문법 강조, 클래스 및 ID 자동 완성, 속성 값 제안 등이 포함되어 있다.

- CSS 리펙터링 도구를 통해 코드를 더 체계적으로 관리할 수 있다.

JavaScript 지원

- VSCode는 JavaScript 코드 작성 및 편집을 위한 기능을 제공한다.

- 문법 강조, 변수 및 함수 자동 완성, 오류 검출 등이 포함되어 있어 개발자가 효율적으로 JavaScript 코드를 작성할 수 있다.

 

자바스크립트 언어 보다 컴파일 언어가 더 빨리 실행 동작된다.

자바 스크립트 언어는 line by line 으로 실행된다.(컴파일 없음 특징)
자바 스크립트 언어 :  1라인을 읽으면 1)문법 해석 -> 2)바로 실행 동작
컴파일 언어 : 컴파일 언어 미리 문법을 해석하여 -> 바로 실행 동작

 

 

DOM 지원

- DOM은 HTML 문서의 구조를 프로그래밍 방식으로 조작할 수 있게 해주는 API 이다.

- VSCode는 JavaScript 코드 내에서 DOM을 다루는 기능을 지원한다.

  이를 통해 웹 페이지의 동적인 요소를 조작하고 변경할 수 있다.