[Code Editor] VS Code 시작하기

July 14, 2025

코드 에디터인 VS Code의 기본 기능에 대해 알아보고자 한다.

💻 VS Code란?

VS Code(Visual Studio Code) 는 마이크로소프트에서 개발한 무료 코드 에디터다. 단순한 텍스트 에디터를 넘어서 통합 개발 환경(IDE)의 기능을 제공하고 현재 전 세계 개발자들에게 가장 인기 있는 에디터 중 하나다.

인텔리센스

VS Code는 코드 작성 중에 자동 완성, 매개변수 정보, 빠른 정보 등을 제공한다. 변수를 입력하다 보면 자동으로 변수명이 제안되는 등 정보가 자동으로 표시된다.

이런 기능 덕분에, 일일이 기억하지 않아도 되고 오타나 실수를 줄일 수 있어 매우 편리하다!!

위 예시처럼 console.l만 입력해도 자동으로 console.log가 추천되어 빠르게 작업할 수 있다.
통합 터미널

VS Code는 에디터 내부에 터미널을 제공한다.

코드 창 하단에서 바로 명령어를 실행하거나 프로그램을 실행할 수 있다.

위와 같이 test.js 파일에 작성한 코드를 node test.js 명령어로 실행하면 “Hello” 출력 결과를 즉시 확인할 수 있다.
멀티 커서

Alt 키를 누른 채 마우스로 여러 위치를 클릭하면 동시에 여러 줄에 커서를 생성할 수 있다. 같은 내용을 여러 줄에 입력하거나 수정할 때 매우 유용하다.
코드 접기/펼치기

VS Code는 함수, 객체, 조건문 등의 블록 구조에 대해 접기/펼치기 기능을 제공한다.

긴 코드를 정리하고 필요한 부분만 집중해서 볼 수 있어 코드 가독성이 높아진다.
- 펼친 상태
- 접은 상태