검색
시작

VSCode

작성일 2026.06.28 수정일 2026.06.28 조회 6
#it #vscode #ide #코드에디터 #개발도구

기본 정보

  • 명칭: Visual Studio Code
  • 약칭: VS Code
  • 분류: 소스 코드 편집기(Code Editor)
  • 개발사: Microsoft
  • 최초 공개: 2015년
  • 개발 언어: TypeScript, JavaScript
  • 라이선스: MIT License(Code - OSS 기반)
  • 주요 용도: 프로그래밍, 디버깅, Git 관리, 확장 기능 활용
  • 관련 기술: Git, GitHub, JavaScript, TypeScript, Python

개요

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

가볍고 빠른 성능과 풍부한 확장 프로그램(Extensions), 뛰어난 Git 연동 기능을 제공하여 웹 개발부터 AI 개발, 서버 개발, 모바일 앱 개발까지 다양한 분야에서 가장 많이 사용되는 개발 도구 중 하나이다.

기본적으로는 코드 에디터이지만, 다양한 확장 기능을 설치하면 IDE 수준의 개발 환경을 구축할 수 있다.

구조

사용자

↓

VS Code

├── Explorer
├── Editor
├── Extensions
├── Terminal
├── Debugger
├── Git

↓

프로젝트

주요 특징

  • 무료 사용 가능
  • 빠른 실행 속도
  • 다양한 확장 프로그램 지원
  • Git 기본 연동
  • IntelliSense 자동완성
  • 내장 터미널 제공
  • 디버깅 지원
  • 멀티 플랫폼 지원
  • Remote Development 지원
  • AI 개발 도구와 높은 호환성

지원 언어

화면 구성

Explorer

↓

Editor

↓

Terminal

↓

Problems

↓

Output

Explorer

프로젝트의 파일과 폴더를 관리하는 영역이다.

주요 기능

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

Editor

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

지원 기능

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

Terminal

내장 터미널을 제공한다.

git status

npm install

python app.py

php artisan serve

IntelliSense

자동완성 기능이다.

지원 기능

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

Debug

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

Breakpoint

↓

Run

↓

Variable 확인

↓

Step Over

↓

Step Into

Git 연동

VS Code는 Git을 기본 지원한다.

지원 기능

  • Commit
  • Push
  • Pull
  • Branch 생성
  • Merge
  • Diff 확인
  • Conflict 해결

Workspace

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

Project A

+

Project B

+

Project C

settings.json

사용자 설정 파일이다.

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

대표 단축키

단축키기능
Ctrl + P파일 검색
Ctrl + Shift + PCommand Palette
Ctrl + `터미널
Ctrl + /주석
Ctrl + D동일 단어 선택
Alt + Shift + F코드 정렬
F5디버그 시작
F12정의로 이동
Ctrl + Shift + F전체 검색
Ctrl + Shift + EExplorer

확장 프로그램

대표 확장

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

AI 개발

VS Code는 AI 개발 도구와 뛰어난 호환성을 제공한다.

대표 AI 확장

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

AI를 활용하여 코드 생성, 리팩토링, 문서 작성, 디버깅 등을 수행할 수 있다.

Remote Development

지원 기능

  • SSH
  • WSL
  • Docker
  • Dev Container

원격 서버에서도 로컬처럼 개발할 수 있다.

장점

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

단점

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

VS Code와 Visual Studio 비교

VS CodeVisual Studio
코드 에디터통합 개발 환경(IDE)
가볍고 빠름기능이 매우 풍부
확장 기능 중심기본 기능 풍부
다양한 언어주로 .NET, C++
무료Community 무료, 일부 유료

대표 활용 분야

  • 웹 개발
  • AI 개발
  • 서버 개발
  • 모바일 앱 개발
  • 게임 개발
  • DevOps
  • 데이터 분석
  • 자동화 프로그램

실무 메모

  • Settings Sync 활성화
  • GitLens 설치
  • ESLint + Prettier 적용
  • Auto Save 사용
  • Remote SSH 활용
  • Dev Container 활용
  • 프로젝트별 Workspace 사용
  • 코드 스니펫 등록
  • 불필요한 확장 제거
  • Git 연동 적극 활용

함께 사용하는 기술

대표 활용 사례

  • React 프로젝트 개발
  • Next.js 개발
  • Python AI 개발
  • PHP 웹사이트 개발
  • Docker 서버 개발
  • Unity C# 개발
  • Flutter 앱 개발
  • Linux 원격 서버 개발

관련 문서

출처

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