VSCode란?

Visual Studio Code(줄여서 VSCode)는 Microsoft에서 무료로 제공하는 코드 편집기입니다.

웹 개발은 물론 Python, Node.js, Java, C, C++, PHP 등 거의 모든 프로그래밍 언어를 지원하며, 다양한 확장 프로그램을 설치하여 더욱 강력하게 사용할 수 있습니다.

초보자부터 현업 개발자까지 가장 많이 사용하는 프로그램이라고 생각하면 됩니다.

VSCode의 장점은 다음과 같습니다.

• 무료

• 설치가 매우 간단

• 실행 속도가 빠름

• 다양한 프로그래밍 언어 지원

• 수천 개의 확장 프로그램 제공

• AI 코딩(Claude, ChatGPT, GitHub Copilot 등) 지원

VSCode 설치 전 준비사항

설치를 시작하기 전에 아래 내용을 확인해 주세요.

1. VSCode 공식 홈페이지 접속

인터넷 브라우저를 열고 Visual Studio Code 공식 홈페이지에 접속합니다.

(스샷 1 : VSCode 공식 홈페이지)

홈페이지에 들어가면 운영체제에 맞는 다운로드 버튼이 표시됩니다.

Windows 사용자라면 대부분 Download for Windows 버튼을 클릭하면 됩니다.

팁

반드시 공식 홈페이지에서 다운로드하는 것을 추천합니다.

2. 설치 파일 다운로드

다운로드 버튼을 클릭하면 설치 파일(.exe)이 자동으로 내려받아집니다.

파일 크기는 약 100MB 내외이며 인터넷 속도에 따라 수십 초 정도 소요됩니다.

(스샷 2 : 다운로드 화면)

다운로드가 완료되면 설치 파일을 실행합니다.

3. 사용자 계정 컨트롤(UAC)

Windows에서 설치를 허용할 것인지 묻는 창이 나타납니다.

(스샷 3 : 사용자 계정 컨트롤)

"예(Y)"를 클릭합니다.

4. 라이선스 동의

사용권 계약 화면이 나타납니다.

(스샷 4 : License Agreement)

"I accept the agreement"

를 선택한 후 Next 버튼을 클릭합니다.

5. 설치 위치 선택

기본 설치 경로가 자동으로 지정됩니다.

(스샷 5 : 설치 경로)

왕초보라면 기본 경로 그대로 사용하는 것을 추천합니다.

별도의 이유가 없다면 변경하지 않아도 됩니다.

Next 버튼을 눌러 다음 단계로 이동합니다.

6. 시작 메뉴 폴더

시작 메뉴에 등록될 폴더를 지정하는 화면입니다.

(스샷 6 : Start Menu Folder)

기본값 그대로 두고 Next를 클릭합니다.

7. 추가 설치 옵션

여기가 가장 중요한 화면입니다.

(스샷 7 : Additional Tasks)

다음 옵션들은 모두 체크하는 것을 추천합니다.

• Create a desktop icon

• Add "Open with Code" Action

• Add "Open with Code" to directory context menu

• Register Code as an editor

• Add to PATH

특히 Add to PATH는 반드시 체크하는 것이 좋습니다.

이 옵션을 선택하면 명령 프롬프트나 PowerShell에서 VSCode를 쉽게 실행할 수 있습니다.

8. 설치 시작

Install 버튼을 누르면 설치가 시작됩니다.

(스샷 8 : Install)

설치는 보통 30초~1분 정도면 완료됩니다.

9. 설치 완료

설치가 끝나면 아래와 같은 화면이 나타납니다.

(스샷 9 : 설치 완료)

"Launch Visual Studio Code"

체크 상태를 유지한 후 Finish 버튼을 클릭하면 VSCode가 자동으로 실행됩니다.

10. VSCode 첫 실행

처음 실행하면 깔끔한 초기 화면이 나타납니다.

(스샷 10 : 첫 실행 화면)

이제 VSCode 설치가 모두 완료되었습니다.

한국어로 변경하기

처음에는 영어로 표시됩니다.

왼쪽 메뉴에서 Extensions(확장 프로그램)를 클릭합니다.

검색창에

Korean Language Pack

을 입력합니다.

Microsoft에서 제공하는 한국어 팩을 설치한 뒤 VSCode를 다시 시작하면 한글로 변경됩니다.

(스샷 11 : 한국어 확장 설치)

VSCode 설치 후 가장 먼저 해야 할 것

설치만 했다고 바로 개발을 시작하는 것은 아닙니다.

다음 순서대로 진행하면 더욱 편리하게 사용할 수 있습니다.

1. 한국어 언어팩 설치

2. Git 설치

3. Node.js 설치

4. 필요한 확장 프로그램 설치

5. 첫 프로젝트 생성

이 순서대로 진행하면 대부분의 웹 개발 환경을 쉽게 구축할 수 있습니다.

자주 묻는 질문(FAQ)

Q1. VSCode는 무료인가요?

네. 개인뿐 아니라 기업에서도 무료로 사용할 수 있습니다.

Q2. Visual Studio와 VSCode는 같은 프로그램인가요?

아닙니다.

Visual Studio는 대규모 개발을 위한 IDE이고, VSCode는 가볍고 빠른 코드 편집기입니다.

대부분의 웹 개발자는 VSCode를 사용합니다.

Q3. 초보자는 어떤 프로그램부터 설치하면 되나요?

추천 순서는 아래와 같습니다.

1. VSCode

2. Git

3. Node.js

4. Chrome

5. AI 코딩 도구(Claude 또는 ChatGPT)

이 순서대로 설치하면 대부분의 개발 환경을 쉽게 구성할 수 있습니다.

마무리

이번 시간에는 VSCode를 Windows에 설치하는 방법을 처음부터 끝까지 알아보았습니다.

처음에는 어렵게 느껴질 수 있지만 실제 설치 과정은 5~10분이면 충분합니다.

VSCode는 앞으로 HTML, CSS, JavaScript, Python, Node.js, PHP 등 다양한 언어를 배우는 데 가장 많이 사용할 프로그램입니다.

다음 강의에서는 Git 설치 및 GitHub 연동 방법을 알아보겠습니다. Git을 함께 설치하면 프로젝트를 안전하게 관리하고 AI와 협업하는 개발 환경도 쉽게 구축할 수 있습니다.

코딩의 첫걸음을 시작하신 것을 진심으로 축하드립니다. 이제 VSCode와 함께 즐거운 개발 여정을 시작해 보세요!