[Gitpod] 무료 브라우저 기반 VSCode 개발환경 GitPod 소개

브라우저환경에서 개발하는 셀프호스팅 방식의 서비스 `code-server`를 찍먹해본적이 있었다. code-server 자체는 무료지만, 별도의 서버가 필요하다. 이번시간에 소개하는 서비스는 개인개발자 한정으로 무료 사용이 가능한 Gitpod를 소개한다.

 

https://www.gitpod.io/

Gitpod - Always ready to code

 

사용방법은 아주 간단하다. 가입하고, 리포지토리를 불러와서, workspace를 만들면 끝이다.

 

1. 리포지토리 불러오기

필자는 Github로 가입하였다. 해당 서비스를 경험해보기 위해 `hello-gitpod` 라는 리포지토리를 만들었다.

Configure Gitpod App 버튼을 누르면 github에 있는 리포지토리들을 확인할 수 있다. 그 중 Gitpod를 사용할 리포지토리를 선택한다. 

선택하고나면 New Project 화면에 추가되는데 Select를 눌러 다음 단계를 진행한다.

 

2. Workspace 생성

전 단계에서 Select를 눌렀다면 아래와 같은 화면이 나온다. New Workspace를 눌러 개발환경을 생성한다.

생성될때까지 기다리면 아래와 같이 VSCode 기반의 개발환경이 나타난다.

개발환경은 2022년 기준 ubuntu 20.04.3 LTS 이며, 기본적으로 go, java, python, node 와 같이 인기있는 프레임워크는 설치되어 있다.

 

안타깝게도(?) .NET은 없는데 MS에서 제공하는 설치방법에 따라 설치가 가능하다.

.NET을 설치한뒤 console 프로젝트를 생성하여 실행한 모습

 

혹시 웹 서비스 호스팅이 되나 싶어 MVC 프로젝트를 만들고 실행해봤다.

놀랍게도 정상 동작하는 것을 확인할 수 있었다. 물론 개발용 ASP.NET cert 는 동작하지 않으므로 https 로는 접근이 불가능하다.

현재 제공되는 Gitpod의 H/W 사양이다. 개발 환경을 어떤방식으로 제공하는 것인지 모르겠지만 Github spaces의 요금체계에 적혀있는 성능표와 비교하면 매우 높다.

코딩 후 작업사항을 커밋할 때 아래와 같이 추가적인 권한을 요구할 수 있다.

 `Open Access Control`을 눌러 설정화면에 이동한 뒤, `Edit Permissions`을 선택한다.

repo를 설정하고 Update Permissions를 선택하면 Github 확인창이 표시된다. 확인을 눌러 추가권한을 설정한 뒤 재 시도하면 소스코드를 커밋 할 수 있다.

이것으로 Gitpod를 알아보았다.