[개발환경 입문] VS Code란? 입문자가 알아야 할 핵심 기능과 장점

글쓴이 /

VS Code란 무엇인가요?

VS Code(Visual Studio Code)는 마이크로소프트(Microsoft)가 개발한 무료 오픈소스 코드 편집기입니다.
Windows, macOS, Linux 모두 지원하며, 가볍지만 강력한 확장성과 유연함 덕분에 전 세계 개발자들이 가장 많이 사용하는 개발 도구 중 하나입니다.

특히 단순한 “메모장 수준의 편집기”가 아니라, 확장 프로그램(Extension)을 설치하면 Python, Java, C, C++, JavaScript, HTML/CSS, PHP 등 다양한 언어를 자유롭게 개발할 수 있는 통합 개발 환경(IDE)로 변신합니다.

VS Code를 시각화 하여 정보전달을 위해 AI를 활용해 만든 이미지입니다.
VS Code를 AI를 활용하여 시각화한 이미지

VS Code의 주요 특징

  1. 가볍고 빠른 실행 속도
    Visual Studio나 Eclipse에 비해 부팅 속도가 매우 빠르고, 용량이 작습니다. 입문자가 부담 없이 설치 후 바로 사용할 수 있습니다.
  2. 확장 프로그램 기반 구조
    Java를 쓰려면 [Extension Pack for Java] 확장 프로그램, Python을 쓰려면 [Python Extension]을 설치하면 끝입니다.
    필요한 기능만 추가하는 구조라서 불필요한 리소스를 최소화할 수 있습니다.
  3. Git과의 완벽한 연동
    Git이 기본 내장되어 있어서, 소스 관리(Git Commit / Push / Pull)를 GUI로 바로 처리할 수 있습니다.
    특히 GitHub과의 연동이 강력해서, 오픈소스 개발에도 최적입니다.
  4. 테마와 UI 커스터마이징
    개발할 때 눈의 피로를 줄이기 위해 테마 색상, 폰트, 아이콘 등을 자유롭게 바꿀 수 있습니다.
    예를 들어, Dracula, Monokai, One Dark 같은 테마가 인기입니다.

실제 사용 경험(Unity 엔진으로 2D / 3D 게임 개발)

제가 VS Code를 처음 접한 건 Unity 2D/3D 개발 환경에서였습니다. Unity를 활용한 2D, 3D 게임 개발 강의에서 C# 스크립트로 개발을 했고 이때 기본 연결 에디터가 VS Code 였습니다. C# 문법 자동 완성(IntelliSense), 에러 하이라이트, 빠른 빌드 등 Unity 초보자에게도 부담 없는 개발 경험을 제공했습니다.

즉, “코드를 빨리 보고 고치고 실행해보는” 입문자에게 매우 적합한 환경이었습니다.

VS Code 설치 방법

👉 VS Code 공식 다운로드 페이지: https://code.visualstudio.com/

  1. 접속 후 자신의 운영체제(Windows, macOS, Linux)에 맞는 설치 파일을 클릭합니다.
  2. 설치 파일(VSCodeSetup.exe)을 실행하면 아래 순서로 진행됩니다:
    • 라이선스 동의 (Accept Agreement)
    • 설치 경로 선택 (기본값 권장)
    • 추가 작업 선택 (Additional Tasks) 단계에서 다음 항목을 꼭 체크하세요:
      • ✅ Add “Open with Code” action to Windows Explorer file context menu
        → 파일 우클릭 시 VS Code로 바로 열 수 있게 해줍니다.
      • ✅ Add to PATH
        → 터미널에서 code . 명령으로 VS Code를 실행할 수 있게 해줍니다.
  3. 설치 후 처음 실행하면 영어 UI로 나오지만 걱정하지 않으셔도 됩니다. 실행 후 곧바로 한국어 팩(Language Pack – Korean)을 설치해서 한글화를 진행하면 됩니다.
    • 하단 오른쪽 “Install Additional Languages” 또는 Extensions 메뉴(Ctrl + Shift + X)에서 “Korean Language Pack“ 검색 후 설치.

Tip) 한글 번역 후에는 “재시작(Restart)”해야 완전히 적용됩니다. 초보자는 영문 메뉴보다 한글 메뉴로 시작하는 걸 추천합니다.

처음 실행 후 기본 설정 가이드

누구든 처음 입문하는 과정에서 어려움을 겪는 부분이 바로 기본 설정 및 개발 환경을 설정하는 부분입니다. 저 또한 여기서 많이 당황했었는데요, 여러분은 당황하지 마시고 다음 과 같이 따라하시면 됩니다.

Tip) VS Code를 설치했다면, 다음 세 가지 설정만 먼저 해두면 됩니다. (나머지는 추후 필요할 때 확장 프로그램을 통해 추가 가능)

  1. 테마 변경 (눈에 편한 화면 만들기)
    • 메뉴: 파일 > 기본 설정 > 색 테마
    • 추천: Dark+, One Dark Pro, Dracula
      → 어두운 배경은 눈의 피로를 줄여줍니다.
  2. 폰트 크기 및 줄 간격 조절
    • 메뉴: 파일 > 기본 설정 > 설정 (Ctrl+,)
    • 검색창에 font 입력 → “Editor: Font Size”를 14~16 정도로 설정.
  3. 자동 저장 활성화
    • Ctrl+, → “Auto Save” 검색 → “After Delay”로 설정하면, 수정 후 자동 저장됩니다.
    • 코드를 실습 중인 초보자에게 매우 유용한 기능입니다.(실무에서는 상황을 잘 보고 자동 저장 기능을 사용하세요. 개인적으로 유지보수 측면에서는 백업을 해두고 자동저장은 off, 개발 측면에서는 자동저장을 on 하시길 추천합니다)

필수 확장 프로그램(Extensions) 추천

마찬가지로 처음 사용할 경우 가장 당황스러운 부분입니다. 어떤 것을 설치해야 하는지 정보가 거의 없기 때문인데요. 아래 표를 참고하셔서 설치에 참고하시길 바랍니다. 특히 입문자라면 아래 확장만 설치해도 충분합니다.

VS Code 왼쪽 사이드바의 “네모 네 개 아이콘(Extensions)” 클릭 후 이름을 검색하세요.

확장명설명
Korean Language Pack한글 인터페이스 제공
Prettier – Code Formatter코드 자동 정렬 및 포맷팅
Live ServerHTML 파일을 실시간 미리보기 가능 (웹 개발용)
Auto Rename TagHTML 태그 수정 시 자동 짝 태그 변경
IntelliCode마이크로소프트 AI 기반 코드 추천 기능
Code Runner여러 언어 코드를 한 번에 실행 가능 (C, Java, Python 등)

Tip) HTML/CSS, JavaScript를 배울 계획이라면 “Live Server” 와 “Prettier” 는 사실상 필수입니다.

설치할 때 입문자가 자주 실수하는 부분

이것 또한 입문하시는 경우 당황하시는 부분 중에 하나일 것입니다. 분명히 알려준 대로 설치하고 다 했는데 실행할 때 문제가 있다면 대부분 아래 이유 때문이니 잘 확인해주시길 바랍니다.

  1. “PATH 추가”를 빼먹는 경우
    → 터미널에서 code . 명령이 안 먹히면 이게 원인입니다.
    → 재설치할 때 반드시 “Add to PATH”를 체크해야 합니다.
  2. 한글 팩 설치 후 재시작을 안 한 경우
    → 메뉴 일부가 영어로 남습니다. “재시작” 필수!
  3. 확장을 너무 많이 설치하는 경우
    → 너무 많은 확장을 설치하면 속도가 느려집니다.
    → 처음엔 꼭 필요한 기능(내가 사용할 언어, 코드 자동정렬, 미리보기 등)만 추가하세요.

VS Code를 추천하는 이유

  1. 코드 자동완성(AI 기반 IntelliSense)
    입력 중에도 변수, 함수, 클래스 이름을 자동 제안합니다. ChatGPT 기반 확장도 있어 AI 코드 보조 도구로 발전 중입니다.
  2. 무료 + 한글 지원 + 업데이트 활발
    모든 기능이 무료이며, 공식 한글 언어 팩을 설치하면 완전한 한국어 환경으로 쓸 수 있습니다. 마이크로소프트의 지속적인 업데이트로 꾸준히 고성능이 유지되는 부분도 장점입니다.
  3. HTML/CSS, JS 학습용 및 언어 체험으로 완벽
    앞으로 진행할 HTML/CSS 입문 시리즈를 VS Code로 실습하면 실제 개발자들이 사용하는 환경 그대로 연습할 수 있습니다. 여기에 더해 정보처리기사에 출제되는 C언어 / Java / Python 등 다른 언어의 코드 실행 결과값이 궁금하거나 직접 체험해보고 싶을 때 좋습니다. 다만 너무 많은 확장 팩을 설치하는 것은 속도가 느려집니다.
  4. 가볍고 빠른 속도
    설치 용량은 약 200MB로, 다른 IDE보다 훨씬 가볍습니다. 구형 노트북에서도 부담 없이 실행됩니다.

마무리

처음 개발을 배우려는 입문자에게 중요한 건 복잡하지 않고, 바로 실행 가능한 환경입니다.
그 점에서 VS Code는 “가볍지만 강력한 첫 코드 편집기”로 손꼽힙니다.

개발 입문자에게 VS Code는 최고의 첫걸음 입니다. 망설이지 말고 당장 시작해보세요.
개발자로 입문하신 여러분을 환영합니다.

다음 편 예고

앞으로 HTML, CSS, JavaScript 같은 기본 언어를 다루면서 VS Code 환경에서 실습 시리즈를 이어갈 예정입니다.
다음 편에서는 가장 기본 중 기본인 HTML과 CSS를 사용해 VS Code 환경에서 간단한 홈페이지를 만들어보겠습니다.

Tip) HTML과 CSS를 몰라도 AI를 활용해 홈페이지 등 간단한 프론트엔드 작업을 할 수 있습니다.
하지만 HTML/CSS의 기본을 아신다면 AI를 더 고효율적으로 활용할 수 있습니다.
“코드 한 줄만 바꾸면 되는 것” 을 “모든 부분을 복사해서 프롬프트에 붙여넣고 변경해줘.” 하는 것이 오히려 더 비효율 적일 수 있습니다.

👉 VS Code로 어떤 언어를 쓰고 싶은 지 감이 오지 않는다면?
1. [C#] C#에 대해 알아보자 (C# 시리즈 1편)
2. [파이썬] 파이썬에 대해 알아보자(파이썬 시리즈 1편)
3. [Java] Java에 대해 알아보자.(Java 시리즈 1편)
4. [C언어] C언어에 대해 알아보자.(C언어 시리즈 1편).

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤