VSCode 최종 수정일 2026-06-19 00:56 조회수 6
홈 대시보드

VSCode

#it#vscode#개발도구#ide#코드에디터#개발환경

기본 정보

  • 이름: Visual Studio Code
  • 약칭: VS Code, VSCode
  • 분류: 소스 코드 편집기(Code Editor)
  • 개발사: Microsoft
  • 최초 공개: 2015년
  • 개발 언어: TypeScript, JavaScript
  • 주요 용도: 프로그래밍, 디버깅, Git 관리, 확장 기능 활용
  • 관련 주제: #VSCode #IDE #코드에디터 #개발환경

개요

Visual Studio Code(VS Code)는 Microsoft에서 개발한 무료 오픈소스 기반의 코드 편집기이다.

가볍고 빠른 성능, 풍부한 확장 기능(Extensions), 강력한 Git 연동 기능을 제공하며, 웹 개발부터 앱 개발, AI 개발, 데이터 분석까지 다양한 분야에서 가장 많이 사용되는 개발 도구 중 하나이다.

Windows, macOS, Linux를 모두 지원하며, 다양한 프로그래밍 언어를 사용할 수 있다.

VS Code 구조

사용자

↓

VS Code

├── Editor

├── Extensions

├── Terminal

├── Debugger

├── Git

└── Settings

↓

프로젝트

주요 특징

  • 무료 사용 가능
  • 빠른 실행 속도
  • 다양한 확장 기능 지원
  • Git 기본 연동
  • 내장 터미널 제공
  • 디버깅 지원
  • IntelliSense 자동완성
  • 멀티 플랫폼 지원

지원 언어

화면 구성

Explorer

↓

Editor

↓

Terminal

↓

Problems

↓

Output

Explorer

프로젝트의 폴더와 파일을 탐색하는 영역이다.

주요 기능

  • 파일 생성
  • 폴더 생성
  • 삭제
  • 이름 변경
  • 드래그 이동

Editor

코드를 작성하고 수정하는 메인 영역이다.

지원 기능

  • 문법 강조
  • 자동완성
  • 코드 접기
  • 다중 커서
  • 미니맵

Terminal

내장 터미널을 제공한다.

npm install

python app.py

php artisan serve

git status

별도의 터미널 프로그램 없이 명령어를 실행할 수 있다.

Debug

브레이크포인트를 설정하여 코드를 디버깅할 수 있다.

Breakpoint

↓

Run

↓

Variable 확인

↓

Step Over

↓

Step Into

IntelliSense

자동완성 기능이다.

지원 기능

  • 함수 추천
  • 변수 추천
  • 타입 정보 표시
  • 매개변수 안내
  • 문서 미리보기

Extension

VS Code의 가장 큰 장점 중 하나이다.

대표 확장 프로그램

  • PHP Intelephense
  • Python
  • ESLint
  • Prettier
  • GitLens
  • Docker
  • Live Server
  • Tailwind CSS IntelliSense
  • Flutter
  • Remote SSH

Git 연동

기본적으로 Git 기능을 제공한다.

지원 기능

  • Commit
  • Push
  • Pull
  • Branch 생성
  • Merge
  • Diff 확인

Workspace

여러 프로젝트를 하나의 작업 공간으로 관리할 수 있다.

Project A

+

Project B

+

Project C

settings.json

사용자 설정 파일이다.

{
  "editor.fontSize": 16,
  "editor.tabSize": 4,
  "editor.wordWrap": "on"
}

단축키

단축키기능
Ctrl + P파일 검색
Ctrl + Shift + P명령 팔레트
Ctrl + `터미널 열기
Ctrl + /주석
Ctrl + D동일 단어 선택
Alt + Shift + F코드 정렬
F5디버그 실행
F12정의로 이동

Remote Development

원격 서버에서 직접 개발할 수 있다.

지원

  • SSH
  • Docker
  • WSL
  • Dev Container

AI 개발 지원

대표 AI 확장

  • GitHub Copilot
  • ChatGPT Extension
  • Continue
  • Codeium
  • Claude Code
  • Cline

AI를 활용한 코드 생성과 자동 완성을 지원한다.

대표 활용 분야

  • 웹 개발
  • 앱 개발
  • AI 개발
  • 데이터 분석
  • 서버 개발
  • 게임 개발
  • DevOps
  • 임베디드 개발

장점

  • 무료
  • 가벼움
  • 빠른 속도
  • 확장성이 뛰어남
  • Git 연동 우수
  • 다양한 언어 지원
  • 활발한 커뮤니티

단점

  • 확장 프로그램이 많아질수록 성능 저하 가능
  • 완전한 IDE 기능은 일부 부족
  • 설정 파일 관리가 필요할 수 있음

Visual Studio와 비교

VS CodeVisual Studio
코드 편집기통합 개발 환경(IDE)
가볍고 빠름기능이 매우 풍부
확장 기능 중심기본 기능이 많음
다양한 언어 지원주로 C#, .NET 개발
무료일부 버전은 유료

실무 메모

실무에서는 다음과 같은 방식이 권장된다.

  • 프로젝트별 Workspace 사용
  • Settings Sync 활성화
  • GitLens 설치
  • ESLint + Prettier 적용
  • Auto Save 활성화
  • Relative Path 자동완성 사용
  • Remote SSH로 서버 개발
  • Dev Container 활용
  • 폰트는 JetBrains Mono 또는 Fira Code 사용
  • 자주 사용하는 스니펫(Snippet) 등록

VS Code와 함께 사용하는 기술

대표 확장 프로그램

  • GitLens
  • Prettier
  • ESLint
  • Docker
  • Live Server
  • PHP Intelephense
  • Python
  • Flutter
  • Tailwind CSS IntelliSense
  • Error Lens

관련 문서

출처

  • Visual Studio Code 공식 홈페이지
  • Visual Studio Code 공식 문서
  • Microsoft Learn

백링크

GithubGit