[GitHub] 무료 원격 개발 환경 GitHub CodeSpaces 소개 및 사용방법

1. GitHub CodeSpaces란?

GitHub CodeSpaces는 GitHub에서 제공하는 클라우드 환경에서 호스트 되는 개발 환경입니다

기본적으로 개발 환경은 Linux 운영체제에서 실행되며 접근 환경은 브라우저,VScode,JetBrains Gateway

 

터미널도 사용 가능하기 때문에 Linux 사용이나 DB 설치등 유용하게 사용 가능합니다 

실제로 MySQL을 설치하고 플러그인을 설치하여 DB를 사용하기도 했습니다

 

- CodeSpaces 공식 문서 

Codespaces 설명서 - GitHub Docs

2. 가격

 

제한 시간 또는 용량을 넘지 않으면 무료로 사용 가능합니다 (1달 기준) 

2~6개의 core 8~64GB RAM 과 32~128GB 스토리지 가상 머신의 유형을 제공하고 있습니다

 

무료 이용 시간 및 용량

플랜 (Free,Pro)	무료 월간 스토리지	무료 월간 코어 시간
기본(Free)	15GB/월	120 시간
Pro	20GB/월	180 시간

코어 시간은 사용 코어를 곱한 값이 이용 시간으로 계산됩니다 [120(hour) / 2(core) = 60(hour)]
2-core를 호스팅하여 사용한다면 무료 월간 코어 시간은 120 시간이 아닌 60시간

8-core는 120(hour) / 8(core) = 15(hour) 코어의 수에 따라 무료 이용 시간이 차이가 커지게 됩니다

 

무료 이용 시간 및 용량을 초과하여 사용하면 코어 및 용량의 가격에 따라 비용이 청구됩니다

무료 이용 시간 및 용량을 초과하지 않으면 비용은 청구 되지 않고 사용했던 코어 시간 및 용량 은 1 달마다 초기화됩니다 

 

따라서 월별 무료 이용 시간 및 용량을 초과하지 않으면 무료로 사용할 수 있다는 장점이 있습니다

초과하더라도 부담되는 비용은 아니라고 생각합니다 (2 core 1시간 = $0.18)

 

- 청구 공식 문서

GitHub Codespaces 청구 관련 정보 - GitHub Docs

 

PRO 플랜

Pro 자격을 얻는다면 GitHub CodeSpaces를 더많은 용량,시간을 사용할 수 있고 이외 이점도 있으니 얻어보자

대학생이라면 학생 인증을 통해서 무료로 Pro 자격으로 업그레이드 가능합니다 포스팅했던 글을 참고해 주세요

[GitHub] 대학생 Pro 플랜으로 무료로 업그레이드 하기 (뱃지 증정)

3. 생성방법

생성 방법은 repository,template 2가지가 있습니다

 

(1) repositroy에서 생성 

먼저 repositroy를 생성해 줍니다 있다면 다음으로 건너뛰면 됩니다

< > Code를 누르고 Local 옆에 있는 Codespaces 탭을 눌러줍니다

그다음 우측에 점 3개를 클릭한 뒤 New witch options... 을 클릭하여 세부설정을 해줍니다

- 세부 설정

• Branch(브랜치)
• Region(지역)
• Machine type(머신 유형)

여기서는 최대 4-core까지만 설정 가능한 것 같습니다

가려져서 안 보이지만 설정이 끝나면 밑에 create codespaces를 눌러 생성할 수 있습니다

생성하고 접속하면 아래 화면이 나오게 됩니다 제거는 테마 설정이 동기화되어 있어서 기본과 조금 다릅니다

VScode랑 동일하기 때문에 편리하게 이용 가능할 것 같네요 

 

컴퓨터를 사용할 수 없는 환경이나 다른 컴퓨터를 사용할 때 정말 유용합니다

기본적으로 자동 저장을 지원하기 때문에 중간에 인터넷이 끊기거나 문제가 발생해도 저장이 돼있기 때문에 걱정 없습니다 

 

(2) template에서 생성 

Github에서 상단 메뉴바 또는 좌측 햄버거 버튼을 눌러 codespaces 탭을 통해서 접속하거나 밑에 링크로 접속합니다

GitHub: Let’s build from here

접속하면 중앙에 Explore quick start templates를 보면 각 template 유형을 손쉽게 만들어 사용할 수 있습니다

우측 See all을 누르면 전체 template를 확인할 수 있습니다 여러 가지 template를 제공하고 있네요

Blank는 기본 템플릿으로 간단한 테스트, 프로젝트 생성 용으로 주로 사용합니다

4. 사용방법 및 관리

생성한 코드스페이스를 편리하게 사용하는 방법과 관리 방법을 소개합니다 

codespaces 페이지를 보면 생성한 가상머신 목록이 나오는데요 스펙,용량,작동여부 정보를 확인할 수 있습니다

외쪽 점 3개를 누르면 아래 사진과 같은 탭이 생성됩니다 

1. Rename: 코드스페이스 가상 머신 이름 변경

2. Export chages to branch: 새로운 분기점 생성 후 내보내기

3. Change machine type: 가상 머신의 스펙 변경 

4. Stop codespaces: 코드스페이스 가상 머신 중지

가상 머신이 비정상적으로 종료되거나 종료하지 않으면 계속해서 동작하게 되어
시간이 소요되니 항상 중지 버튼을 눌러주는 게 좋습니다

5. Auto-delete codespace: 자동 삭제 여부 

Codespace의 자동 삭제 구성 - GitHub Docs

위 공식 문서에 자동 삭제 구성을 설명하고 있는데요

간단하게 살펴보면 생성한 코드스페이스 가상 머신은 30일 동안 비활성화가 유지되면 자동으로 삭제된다고 명시되어 있습니다 

 

☆ 중요 

중요한 작업을 하고 있거나 장시간 접속 하지 못할 때는 Auto-delete codespace를 해제하여 삭제 방지를 해줍시다

(해제 방법은 클릭해서 체크 표시를 해제시켜주면 됩니다)

테스트용 및 작은 프로젝트를 진행했는데 장기간 접속을 못했더니 다 사라졌던 기억이... ㅠㅠ

6. Open in Browser,VScode,JetBrains Gateway,JuptyerLeb: 가상 머신에 접근할 환경을 선택

브라우저로 가상머신에 접근할 때 웹 VScode으로 접근하기 때문에 Browser와 VScode는 동일합니다

 

JetBrains Gateway와 JuptyerLeb은 컴퓨터에 프로그램이 설치되어 있어야 접근이 가능하기 때문에

컴퓨터가 아닌 환경에서는 사용할 수 없을 것 같네요

 

7.Delete: 가상 머신 삭제

 

5. 요약

- GitHub CodeSpaces는 GitHub에서 제공하는 클라우드 환경에서 호스트 되는 개발 환경

- 제한 시간 또는 용량을 넘지 않으면 무료로 사용 가능

- Pro 자격을 얻는다면 GitHub CodeSpace를 더많은 용량,시간을 사용할 수있다