Skip to main content
설명서에 자주 업데이트를 게시하며 이 페이지의 번역이 계속 진행 중일 수 있습니다. 최신 정보는 영어 설명서를 참조하세요.

Visual Studio Code에서 Github Codespaces 사용

GitHub Codespaces 확장을 GitHub의 계정과 연결해 Visual Studio Code에서 바로 Codespace에 개발할 수 있습니다.

Visual Studio Code의 GitHub Codespaces 정보

Visual Studio Code의 로컬 설치를 사용하여 codespace를 만들고, 관리하고, 작업하고, 삭제할 수 있습니다. VS Code에서 GitHub Codespaces를 사용하려면 Codespaces 확장을 설치해야 합니다. VS Code에서 GitHub Codespaces를 설정하는 방법에 대한 자세한 내용은 "필수 조건"을 참조하세요.

기본적으로 GitHub.com에서 새 codespace를 만들면 브라우저에서 열립니다. VS Code에서 새 codespace를 자동으로 열려면 기본 편집기를 VS Code로 설정할 수 있습니다. 자세한 내용은 “GitHub Codespaces의 기본 편집기 설정”을 참조하세요.

브라우저에서 작업하고 싶지만 기존 VS Code 확장, 테마 및 바로 가기를 계속 사용하려는 경우 설정 동기화를 설정할 수 있습니다. 자세한 내용은 “계정에 대한 GitHub Codespaces 개인 설정”을 참조하세요.

필수 조건

VS Code에서 직접 codespace에서 개발하려면 GitHub 자격 증명을 사용하여 GitHub Codespaces 확장을 설치하고 로그인해야 합니다. GitHub Codespaces 확장에는 VS Code 2020년 10월 릴리스 1.51 이상이 필요합니다.

Visual Studio Code Marketplace를 사용하여 GitHub Codespaces 확장을 설치합니다. 자세한 내용은 VS Code 설명서의 Extension Marketplace를 참조하세요.

  1. VS Code의 왼쪽 사이드바에서 원격 탐색기 아이콘을 클릭합니다.

    Visual Studio Code의 원격 탐색기 아이콘

    참고: 원격 탐색기가 작업 표시줄에 표시되지 않는 경우:

    1. 명령 팔레트에 액세스합니다. 예를 들어 Shift+명령+P (Mac) / Ctrl+Shift+P (Windows/Linux)를 누릅니다.
    2. 다음을 입력합니다. codespaces
    3. Codespaces: Details를 클릭합니다.
  2. GitHub에 로그인... 을 클릭합니다.

    GitHub Codespaces에 로그인

  3. VS Code에게 GitHub의 계정에 액세스하도록 권한을 부여하려면 허용을 클릭합니다.

  4. GitHub에 로그인하여 확장을 승인합니다.

  1. VS Code의 왼쪽 사이드바에서 원격 탐색기 아이콘을 클릭합니다.

    Visual Studio Code의 원격 탐색기 아이콘

    참고: 원격 탐색기가 작업 표시줄에 표시되지 않는 경우:

    1. 명령 팔레트에 액세스합니다. 예를 들어 Shift+명령+P (Mac) / Ctrl+Shift+P (Windows/Linux)를 누릅니다.
    2. 다음을 입력합니다. codespaces
    3. Codespaces: Details를 클릭합니다.
  2. "REMOTE EXPLORER" 드롭다운을 사용하고 GitHub Codespaces 를 클릭합니다.

    GitHub Codespaces 헤더

  3. 로그인을 클릭하여 Codespaces을(를) 봅니다.

    로그인하여 GitHub Codespaces 보기

  4. VS Code에게 GitHub의 계정에 액세스하도록 권한을 부여하려면 허용을 클릭합니다.

  5. GitHub에 로그인하여 확장을 승인합니다.

VS Code에서 codespace 만들기

GitHub.com의 계정을 GitHub Codespaces 확장에 연결한 후 새 codespace를 만들 수 있습니다. GitHub Codespaces 확장에 대한 자세한 내용은 VS Code Marketplace를 참조하세요.

  1. VS Code의 왼쪽 사이드바에서 원격 탐색기 아이콘을 클릭합니다.

    Visual Studio Code의 원격 탐색기 아이콘

    참고: 원격 탐색기가 작업 표시줄에 표시되지 않는 경우:

    1. 명령 팔레트에 액세스합니다. 예를 들어 Shift+명령+P (Mac) / Ctrl+Shift+P (Windows/Linux)를 누릅니다.
    2. 다음을 입력합니다. codespaces
    3. Codespaces: Details를 클릭합니다.
  2. 추가 아이콘()을 클릭합니다.

    GitHub Codespaces에서 새 Codespace 만들기 옵션

  3. 개발하려는 리포지토리의 이름을 입력한 다음 선택합니다.

    리포지토리를 검색하여 새 codespace 만들기

    선택한 리포지토리가 조직 소유이고 조직에서 이 리포지토리에 대한 codespace를 조직 또는 해당 부모 엔터프라이즈에 청구하도록 구성한 경우 후속 프롬프트에 codespace 비용을 지불할 사용자를 알려주는 메시지가 표시됩니다.

  4. 개발하려는 분기를 클릭합니다.

    분기를 검색하여 새 codespace 만들기

  5. 개발 컨테이너 구성 파일을 선택하라는 메시지가 표시되면 목록에서 파일을 선택합니다.

    GitHub Codespaces에 대한 개발 컨테이너 구성 파일 선택

  6. 사용할 머신 유형을 클릭합니다.

    새 codespace에 대한 인스턴스 형식

    참고: 사용 가능한 컴퓨터 유형 선택은 여러 가지 요인으로 제한될 수 있습니다. 여기에는 조직에 대해 구성된 정책 또는 리포지토리에 대한 최소 컴퓨터 유형 사양이 포함될 수 있습니다. 자세한 내용은 “컴퓨터 유형에 대한 액세스 제한” 및 “codespace 컴퓨터에 대한 최소 사양 설정”을 참조하세요.

VS Code에서 codespace 열기

  1. VS Code의 왼쪽 사이드바에서 원격 탐색기 아이콘을 클릭합니다.

    Visual Studio Code의 원격 탐색기 아이콘

    참고: 원격 탐색기가 작업 표시줄에 표시되지 않는 경우:

    1. 명령 팔레트에 액세스합니다. 예를 들어 Shift+명령+P (Mac) / Ctrl+Shift+P (Windows/Linux)를 누릅니다.
    2. 다음을 입력합니다. codespaces
    3. Codespaces: Details를 클릭합니다.
  2. "Codespaces" 아래에서 개발하려는 codespace를 클릭합니다.

  3. Codespace에 연결 아이콘을 클릭합니다.

    VS Code의 Codespace에 연결 아이콘

VS Code에서 머신 유형 변경

일반적으로 선택한 원격 머신 유형에서 codespace를 실행할 수 있습니다. 이러한 컴퓨터 유형은 2코어에서 32코어에 이르는 하드웨어 사양을 선택할 수 있지만 전체 범위의 컴퓨터 유형을 항상 사용할 수 있는 것은 아닙니다. 각 컴퓨터 유형에는 서로 다른 수준의 리소스와 다른 청구 계층이 있습니다. 자세한 내용은 “GitHub Codespaces 청구 정보”를 참조하세요.

기본적으로 유효한 리소스가 가장 낮은 머신 유형은 codespace를 만들 때 사용됩니다. 언제든지 codespace의 머신 유형을 변경할 수 있습니다.

참고: 사용 가능한 컴퓨터 유형 선택은 여러 가지 요인으로 제한될 수 있습니다. 여기에는 조직에 대해 구성된 정책 또는 리포지토리에 대한 최소 컴퓨터 유형 사양이 포함될 수 있습니다. 자세한 내용은 “컴퓨터 유형에 대한 액세스 제한” 및 “codespace 컴퓨터에 대한 최소 사양 설정”을 참조하세요.

  1. VS Code에서 명령ShiftP(Mac) 또는 Ctrl+Shift++P(Windows/Linux)를 사용하여 명령+ 팔레트를 엽니다.

  2. "Codespaces: Change Machine Type"을 검색하여 선택합니다.

    분기를 검색하여 새 Codespaces 만들기

  3. codespace 내에서 이러한 지침을 따르지 않는 경우 변경할 codespace를 클릭합니다.

    분기를 검색하여 새 Codespaces 만들기

    codespace에서 이러한 지침을 따르는 경우 작업 중인 codespace에 변경 내용이 적용됩니다.

  4. 사용할 컴퓨터 유형을 선택합니다.

  5. 다른 스토리지 용량을 가진 컴퓨터 유형으로 변경하는 경우 계속할지 묻는 프롬프트가 나타납니다. 프롬프트를 읽고 예를 클릭하여 수락합니다.

다른 스토리지 용량을 가진 가상 머신으로 변경한 경우(예: 64GB에서 32GB로) 머신 유형이 변경되는 동안 codespace를 잠시 동안 사용할 수 없게 됩니다. codespace가 현재 활성 상태이면 자동으로 중지됩니다. 변경이 완료되면 새 컴퓨터 유형에서 실행되는 codespace를 다시 시작할 수 있습니다.

스토리지 용량이 동일한 가상 머신으로 변경한 경우 다음에 codespace를 다시 시작할 때 변경 내용이 적용됩니다. 활성 codespace는 자동으로 중지되지 않습니다. codespace를 다시 시작하는 방법에 대한 자세한 내용은 "codespace 중지 및 시작"을 참조하세요.

VS Code에서 codespace 삭제

현재 codespace에서 작업하지 않는 경우 VS Code 내에서 codespace를 삭제할 수 있습니다.

  1. VS Code의 왼쪽 사이드바에서 원격 탐색기 아이콘을 클릭합니다.

    Visual Studio Code의 원격 탐색기 아이콘

    참고: 원격 탐색기가 작업 표시줄에 표시되지 않는 경우:

    1. 명령 팔레트에 액세스합니다. 예를 들어 Shift+명령+P (Mac) / Ctrl+Shift+P (Windows/Linux)를 누릅니다.
    2. 다음을 입력합니다. codespaces
    3. Codespaces: Details를 클릭합니다.
  2. "GITHUB CODESPACES"에서 삭제할 codespace를 마우스 오른쪽 단추로 클릭합니다.

  3. codespace 삭제를 클릭합니다.

    GitHub에서 codespace 삭제

VS Code의 참가자 빌드로 전환

GitHub Codespaces 내에서 VS Code의 참가자 빌드를 사용할 수 있습니다.

  1. GitHub Codespaces 창의 왼쪽 아래에서 설정을 선택합니다.

  2. 목록에서 "참가자 버전으로 전환"을 선택합니다.

    GitHub Codespaces에서 "참가자 빌드" 클릭

  3. GitHub Codespaces이(가) 선택되면 참가자 버전에서 계속 열립니다.

추가 정보