초보자도 쉽게 따라하는 Visual Studio Code 설치 가이드: 프로그래밍의 첫걸음

mymaster,

프로그래밍을 시작하려는 마음은 뜨겁지만, 낯선 용어와 복잡한 프로그램 설치 과정에 막막함을 느끼시나요? 특히 Visual Studio Code 설치는 프로그래밍의 첫 관문처럼 느껴져 어려움을 느끼는 분들이 많습니다. 하지만 걱정하지 마세요! 이 글에서는 컴퓨터 초보자도 쉽게 따라 할 수 있도록 Visual Studio Code 설치 과정을 1부터 10까지 상세하게 설명해드릴 것입니다. 이 글을 읽고 나면 누구든지 Visual Studio Code를 설치하고 프로그래밍의 세계에 첫 발을 내딛을 수 있을 것입니다.

1. Visual Studio Code란 무엇인가요? 왜 설치해야 할까요?

Visual Studio Code (VS Code)는 Microsoft에서 개발한 무료 코드 편집기입니다. 가볍지만 강력한 성능을 자랑하며, Windows, macOS, Linux 등 다양한 운영체제를 지원합니다. VS Code는 단순한 텍스트 편집기와 달리 코드 작성을 위한 다양한 기능들을 제공합니다. 코드 자동 완성, 오류 검 highlighted 강조 표시, 디버깅 도구 등 개발 생산성을 높여주는 기능들을 통해 초보자부터 전문 개발자까지 널리 사랑받고 있습니다.

VS Code를 설치해야 하는 이유는 다음과 같습니다.

  1. 무료이며 사용하기 쉽습니다. VS Code는 무료로 사용할 수 있으며, 직관적인 인터페이스를 제공하여 초보자도 쉽게 사용할 수 있습니다.
  2. 다양한 프로그래밍 언어를 지원합니다. Python, Java, JavaScript, C++, C# 등 다양한 프로그래밍 언어를 지원하여 하나의 편집기로 여러 언어를 사용할 수 있습니다.
  3. 강력한 확장 기능을 제공합니다. VS Code는 다양한 확장 기능을 통해 사용자 정의가 가능합니다. 필요에 따라 테마, 코드 스니펫, 디버깅 도구 등을 추가하여 자신만의 개발 환경을 구축할 수 있습니다.

2. Visual Studio Code 설치 파일 다운로드하기

VS Code를 설치하기 위해서는 먼저 공식 웹사이트에서 설치 파일을 다운로드해야 합니다.

  1. 인터넷 브라우저를 열고 주소창에 “https://code.visualstudio.com/” 을 입력합니다.
  2. Visual Studio Code 공식 웹사이트에 접속하면 운영체제에 맞는 다운로드 버튼이 자동으로 나타납니다.
  3. “Download for Windows” 버튼을 클릭하여 설치 파일을 다운로드합니다. 만 만약 다른 운영체제(macOS, Linux)를 사용하는 경우 “Download” 버튼 아래에 있는 해당 운영체제를 선택하여 설치 파일을 다운로드합니다.
  4. 다운로드가 완료되면 다운로드 폴더에서 설치 파일(VSCodeUserSetup-{버전}.exe)을 확인할 수 있습니다.

3. Visual Studio Code 설치하기

다운로드한 설치 파일을 실행하여 VS Code를 컴퓨터에 설치합니다.

  1. 다운로드 폴더에서 VSCodeUserSetup-{버전}.exe 파일을 찾아 더블 클릭하여 실행합니다.
  2. 사용자 계정 컨트롤 창이 나타나면 “예”를 클릭하여 설치를 계속 진행합니다.
  3. 설치 동의 창이 나타나면 “동의함”에 체크하고 “다음” 버튼을 클릭합니다.
  4. 설치 위치 선택 창에서는 기본 설치 위치를 유지하거나 “찾아보기” 버튼을 클릭하여 다른 위치를 지정할 수 있습니다. 설치 위치를 변경하려는 경우가 아니라면 기본 위치를 유지하고 “다음” 버튼을 클릭합니다.
  5. 시작 메뉴 폴더 선택 창에서는 기본 설정을 유지하고 “다음” 버튼을 클릭합니다.
  6. 추가 작업 선택 창에서는 다음과 같이 필요에 따라 추가 작업을 선택할 수 있습니다.
    • 바탕 화면 바로 가기 만들기: 바탕 화면에 VS Code 바로 가기를 만들고 싶다면 체크합니다.
    • PATH에 추가: 명령 프롬프트나 PowerShell에서 VS Code를 실행할 수 있도록 PATH 환경 변수에 VS Code 설치 경로를 추가합니다.
    • 탐색기 파일 컨텍스트 메뉴에 ‘Code로 열기’ 작업 추가: 파일 탐색기에서 마우스 오른쪽 버튼을 클릭했을 때 나타나는 컨텍스트 메뉴에 “Code로 열기” 항목을 추가합니다.
    • 탐색기 디렉터리 컨텍스트 메뉴에 ‘Code로 열기’ 작업 추가: 폴더 탐색기에서 마우스 오른쪽 버튼을 클릭했을 때 나타나는 컨텍스트 메뉴에 “Code로 열기” 항목을 추가합니다.
  7. 필요한 추가 작업을 선택했으면 “다음” 버튼을 클릭합니다.

  8. 설치 준비 완료 창에서 선택한 설정을 다시 한번 확인하고 “설치” 버튼을 클릭하여 설치를 시작합니다.
  9. 설치가 진행되는 동안 잠시 기다립니다.
  10. 설치가 완료되면 “마침” 버튼을 클릭하여 설치 프로그램을 종료합니다.

4. Visual Studio Code 실행하고 기본 설정 변경하기

VS Code 설치를 완료했다면 이제 프로그램을 실행하고 기본 설정을 변경하여 자신에게 맞는 개발 환경을 구축해 보겠습니다.

  1. 바탕 화면 또는 시작 메뉴에서 Visual Studio Code 아이콘을 클릭하여 실행합니다.
  2. VS Code가 실행되면 환영합니다 페이지가 나타납니다. 여기에서 새로운 파일을 생성하거나, 기존 폴더를 열거나, 최근에 작업했던 프로젝트를 열 수 있습니다.
  3. 왼쪽 사이드바에서 가장 아래에 있는 설정 아이콘을 클릭합니다. (톱니바퀴 모양)
  4. 설정 메뉴에서 설정을 선택합니다.
  5. 설정 화면에서 다양한 설정 항목들을 확인하고 자신에게 맞게 변경할 수 있습니다.

자주 사용하는 기본 설정 항목:

  • Appearance(모양): 테마, 글꼴, 아이콘 등 VS Code의 전반적인 디자인을 변경할 수 있습니다.
  • Editor(편집기): 글꼴 크기, 탭 크기, 줄 바꿈 설정 등 코드 편집과 관련된 설정을 변경할 수 있습니다.
  • Features(기능): 파일 자동 저장, 미니맵 표시, 코드 힌트 표시 등 VS Code의 다양한 기능을 활성화하거나 비활성화할 수 있습니다.
  • Extensions(확장): VS Code 마켓플레이스에서 설치한 확장 프로그램을 관리할 수 있습니다.

5. 유용한 확장 프로그램 설치하기

VS Code는 다양한 확장 프로그램을 통해 기능을 확장할 수 있습니다.

  1. 왼쪽 사이드바에서 확장 아이콘을 클릭합니다. (네 개의 정사각형 모양)
  2. 검색창에 원하는 확장 프로그램의 이름을 입력하여 검색합니다.
  3. 설치하고자 하는 확장 프로그램을 찾았다면 설치 버튼을 클릭합니다.
  4. 설치가 완료되면 다시 로드 버튼을 클릭하여 VS Code를 다시 시작해야 확장 프로그램이 적용됩니다.

추천 확장 프로그램:

  • Python: Python 개발에 필요한 기능들을 제공합니다. (코드 자동 완성, 디버깅, Linting 등)
  • Prettier – Code formatter: 코드 스타일을 자동으로 정렬하고 가독성을 높여줍니다.
  • Bracket Pair Colorizer: 괄호 쌍을 색상으로 구분하여 코드를 읽기 쉽게 만들어줍니다.
  • Live Server: HTML, CSS, JavaScript 코드를 실시간으로 웹 브라우저에서 확인할 수 있습니다.

6. 첫 번째 코드 작성하고 실행하기

VS Code 설치와 기본 설정이 완료되었다면 이제 간단한 코드를 작성하고 실행해 보겠습니다.

  1. 파일 메뉴에서 새 파일을 클릭합니다.
  2. 새 파일이 열리면 원하는 프로그래밍 언어로 코드를 작성합니다. 예를 들어, Python으로 “Hello, World!”를 출력하는 코드를 작성해 보겠습니다.
print("Hello, World!")
  1. 코드 작성을 완료했으면 파일 메뉴에서 저장을 클릭합니다.
  2. 파일 이름을 입력하고 파일 형식을 선택합니다. 예를 들어, “hello.py”라고 입력하고 파일 형식은 “Python”을 선택합니다.
  3. 저장 버튼을 클릭하여 파일을 저장합니다.
  4. 실행 메뉴에서 코드 실행을 클릭하거나 F5 키를 눌러 코드를 실행합니다.
  5. 터미널 창이 열리고 “Hello, World!”가 출력되는 것을 확인할 수 있습니다.

추가 정보 및 주의사항

  • VS Code는 정기적으로 업데이트됩니다. 최신 기능과 보안 패치를 위해 주기적으로 업데이트를 확인하고 설치하는 것이 좋습니다.
  • VS Code는 다양한 프로그래밍 언어를 지원하지만, 특정 언어를 사용하기 위해서는 해당 언어의 개발 환경을 추가적으로 설치해야 할 수 있습니다. 예를 들어, Python을 사용하기 위해서는 Python 인터프리터를 설치해야 합니다.
  • VS Code는 강력한 기능을 제공하지만, 처음 사용하는 경우 다소 복잡하게 느껴질 수 있습니다. VS Code 공식 웹사이트의 문서를 참고하거나 온라인 학습 자료를 활용하면 VS Code를 더욱 효과적으로 사용할 수 있습니다.

결론

이상으로 Visual Studio Code 설치 과정을 상세하게 알아보았습니다. 이 글이 프로그래밍을 시작하는 여러분들에게 조금이나마 도움이 되었기를 바랍니다. VS Code는 초보자부터 전문 개발자까지 널리 사용되는 강력한 코드 편집기입니다. VS Code를 통해 여러분의 프로그래밍 실력을 한 단계 더 발전시키기를 응원합니다!

post