워크플로우 자동화

CodingAGI와 함께 더 빠르고 스마트하게 코딩하세요. AI 기반의 VSCode 확장입니다.

지금 시도해 보세요
VS Code Installation Guide
vscode
설치
CodingAGI 팀 10분 읽기

VS Code 설치 방법: Windows, Mac 및 Linux를 위한 종합 가이드

Visual Studio Code를 다양한 플랫폼에 설치하고 필수 개발 환경을 설정하는 방법을 배우세요. 이 가이드는 VS Code 설치, Node.js 및 Python 설정 등을 다룹니다.

왜 VS Code를 설치해야 할까요?

Visual Studio Code (VS Code)는 여러 가지 이유로 개발자들 사이에서 인기를 얻고 있습니다:

  • 크로스 플랫폼 호환성 (Windows, macOS, Linux)
  • 가볍지만 기능이 풍부한
  • 확장 프로그램을 위한 광범위한 마켓플레이스
  • 내장 Git 통합
  • 지능형 코드 완성 및 디버깅 도구
  • 정기적인 업데이트 및 개선

전제 조건

시작하기 전에 다음을 확인하세요:

  • 안정적인 인터넷 연결
  • 컴퓨터의 관리 권한
  • 충분한 저장 공간(약 200MB의 VS Code 용)

1단계: Visual Studio Code 다운로드

Windows용:

  1. 방문하다공식 VS Code 웹사이트.
  2. "Windows용 다운로드" 버튼을 클릭하세요.
  3. "사용자 설치 프로그램"(권장) 또는 "시스템 설치 프로그램" 옵션 중에서 선택하십시오.

macOS용:

  1. 가다 to theVS Code 다운로드 페이지.
  2. "Download for Mac" 버튼을 클릭하세요.
  3. .zip 파일이 자동으로 다운로드됩니다.

리눅스를 위해:

  1. 열기VS Code 웹사이트.
  2. “.deb” (Debian/Ubuntu용) 또는 “.rpm” (Red Hat/Fedora용) 다운로드 옵션을 클릭하세요.
  3. 대신, 설치 섹션에서 다룬 배포판의 패키지 관리자를 사용할 수 있습니다.

단계 2: Visual Studio Code 설치

윈도우 설치:

  1. 다운로드한 설치 파일을 찾으세요(보통 다운로드 폴더에 있습니다).
  2. 설치 프로그램을 두 번 클릭하여 실행합니다.
  3. 라이선스 계약에 동의합니다.
  4. 설치 위치를 선택하세요 (기본값이 권장됩니다).
  5. 추가 작업 선택 (예: Windows 탐색기 컨텍스트 메뉴에 "코드로 열기" 추가).
  6. "설치"를 클릭하고 프로세스가 완료될 때까지 기다리세요.
  7. 설치 후 VS Code를 실행하세요.

macOS 설치:

  1. 다운로드 폴더에서 다운로드한 .zip 파일을 찾으세요.
  2. 내용을 추출하려면 두 번 클릭하세요.
  3. "Visual Studio Code.app"를 응용 프로그램 폴더로 드래그하세요.
  4. (Optional) 쉽게 접근할 수 있도록 Dock에 VS Code를 추가하세요.

리눅스 설치:

Debian/Ubuntu용 (.deb 패키지):

  1. 터미널을 엽니다.
  2. 다운로드한 .deb 파일이 있는 디렉토리로 이동합니다.
  3. 다음 명령을 실행하세요:
    sudo dpkg -i code_*.deb
  4. 의존성 문제가 발생하면 다음을 실행하세요:
    sudo apt-get install -f

Red Hat/Fedora (.rpm 패키지):

  1. 터미널을 엽니다.
  2. 다운로드한 .rpm 파일이 있는 디렉토리로 이동합니다.
  3. 다음 명령을 실행하세요:
    sudo rpm -ivh code-*.rpm

패키지 관리자를 사용하여 (우분투/데비안):

  1. 터미널을 엽니다.
  2. 다음 명령어를 실행하세요:
    sudo apt update  
    sudo apt install software-properties-common apt-transport-https wget  
    wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add -  
    sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"  
    sudo apt update  
    sudo apt install code

단계 3: 초기 구성

VS Code를 설치한 후 초기 설정을 위해 다음 단계를 따르세요:

  1. VS Code를 실행하세요.
  2. (Windows/Linux) 파일 > 기본 설정 > 설정으로 이동합니다.
    (macOS) 코드 > 환경설정 > 설정으로 이동합니다.
  3. 설정을 선호에 맞게 조정하세요 (예: 테마, 글꼴 크기, 자동 저장).
  4. 선호하는 프로그래밍 언어에 대한 언어 확장을 설치하세요.

4단계: Node.js 설치하기

Node.js는 JavaScript 개발과 많은 VS Code 확장에 필수적입니다. 설치 방법은 다음과 같습니다:

윈도우:

  1. 방문하다공식 Node.js 웹사이트.
  2. LTS 버전의 Windows Installer (.msi)를 다운로드하세요.
  3. 설치 프로그램을 실행하고 안내에 따라 진행하세요.
  4. 설치 후 컴퓨터를 재시작하세요.

macOS:

  1. Homebrew가 아직 설치되지 않았다면 설치하세요:
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. Homebrew를 사용하여 Node.js 설치:
    brew install node

리눅스:

Ubuntu/Debian용:

sudo apt 업데이트  
sudo apt 설치 nodejs npm

페도라용:

sudo dnf install nodejs

단계 5: 파이썬 설정하기

Python은 다양한 분야에서 사용되는 다재다능한 언어입니다. 설정하는 방법은 다음과 같습니다:

윈도우:

  1. 방문하다파이썬 다운로드 페이지.
  2. Windows용 최신 버전을 다운로드하세요.
  3. 설치 프로그램을 실행하고 "PATH에 Python 추가"를 선택했는지 확인하세요.
  4. 설치 과정을 완료하세요.

macOS:

  1. Homebrew를 사용하여 Python 설치:
    brew install python

리눅스:

Python은 일반적으로 대부분의 Linux 배포판에 미리 설치되어 있습니다. 최신 버전을 확인하려면:

Ubuntu/Debian용:

sudo apt 업데이트  
sudo apt 설치 python3 python3-pip

페도라용:

sudo dnf install python3 python3-pip

단계 6: VS Code 확장 프로그램 설치

개발 경험을 향상시키기 위해, 다음 추천 확장 프로그램을 설치하세요:

  1. VS Code를 엽니다.
  2. 왼쪽 사이드바에서 확장 아이콘을 클릭하세요 (또는 Ctrl+Shift+X를 누르세요).
  3. 다음 확장 프로그램을 검색하고 설치하세요:
    • 파이썬 (마이크로소프트)
    • Node.js 모듈 인텔리센스
    • ESLint
    • 프리티어 - 코드 포매터
    • GitLens

단계 7: 설치 확인

모든 것이 올바르게 설정되었는지 확인하려면:

  1. VS Code를 엽니다.
  2. VS Code에서 새 터미널을 엽니다 (터미널 > 새 터미널).
  3. Node.js 버전 확인:
    node --version
  4. 파이썬 버전 확인:
    python --version
  5. 두 명령 모두 버전 번호를 반환하면, 설정이 완료된 것입니다!

일반적인 문제 해결

설치 또는 설정 중 문제가 발생하면:

  • VS Code의 최소 요구 사항을 충족하는지 확인하십시오.
  • 인터넷 연결 및 방화벽 설정을 확인하세요.
  • macOS/Linux에서 권한 문제에 대해 사용하십시오.sudo필요할 때.
  • Windows에서 설치 프로그램을 관리자 권한으로 실행해 보세요.
  • 확장 프로그램이 설치되지 않으면 VS Code 버전을 확인하고 필요시 업데이트하세요.

VS Code 업데이트 유지하기

VS Code의 최신 버전을 항상 사용하고 있는지 확인하려면:

  1. VS Code 설정에서 자동 업데이트를 활성화하세요.
  2. 정기적으로 수동으로 업데이트를 확인하세요 (도움말 > 업데이트 확인).

결론

축하합니다! Visual Studio Code를 성공적으로 설치하고 Node.js 및 Python을 위한 필수 개발 환경을 설정했습니다. 이 강력한 IDE를 손에 쥐고 다양한 프로그래밍 프로젝트에 도전할 준비가 되었습니다.

VS Code의 기능을 탐색하고, 작업 공간을 사용자 정의하며, 방대한 확장 마켓플레이스를 활용하여 코딩 경험을 향상시키는 것을 잊지 마세요.

빠른 요약: VS Code 설치하기

  1. 운영 체제에 맞는 VS Code를 다운로드하세요.
  2. 플랫폼별 지침에 따라 VS Code 설치하기
  3. 초기 설정 및 기본 설정 구성
  4. JavaScript 개발을 위한 Node.js 설치
  5. 다양한 프로그래밍을 위한 Python 설정하기
  6. 추천하는 VS Code 확장 프로그램 추가
  7. 설치를 확인하고 필요시 문제를 해결하세요.

워크플로우 자동화

CodingAGI와 함께 더 빠르게 코딩하세요. AI 기반 VS Code 확장입니다.

지금 시도해 보세요
profile image

에드몬드

수석 소프트웨어 개발자 및 기술 작가

추천 게시물