본문으로 건너뛰기

GitLab Web UI로 혼자 개발하기

Mus
· 약 5분

그룹 혹은 팀 프로젝트에 참여하지 않고 개인 프로젝트를 진행할 경우가 있습니다. GitLab은 개발자 친화적인 UI를 갖고 있기 때문에 대부분의 작업을 Web UI에서 할 수 있습니다. 개인 프로젝트를 GitLab의 Web UI를 이용하여 시작하는 방법을 알아 보겠습니다.

개인 프로젝트 생성하기

우선 개인 프로젝트를 GitLab을 통해서 만들어야겠지요? 그룹 네임스페이스가 아닌 개인의 네임스페이스에 프로젝트를 생성합니다. 개인 네임스페이스에 프로젝트를 생성하기 위해서는 Projects > Your projects 메뉴를 클릭한 뒤 회면 우측 상단에 녹색 New Project 버튼을 클릭하여 프로젝트 생성 화면으로 진입합니다.

여러 프로젝트 생성방법이 있지만 빈 프로젝트를 생성하여 시작해 봅시다.

photo | 인포그랩 GitLab | 인포그랩 GitLab

Git 레파지토리 세팅하기

Git 레파지토리 세팅하는 방법으로는 다양한 방법이 있습니다. 빈 프로젝트로 생성하게 되면 새로운 git 레파지토리를 설정하는 방법부터 기존 git 레파지토리를 푸쉬하는 방법까지 제공을 해줍니다. 이번 블로그에서는 로컬에서는 작업을 전혀 하지 않고 web UI에서만 작업하는 것을 보여줄 것입니다.

web UI에서 git 레파지토리를 세팅하는 방법으로 두가지를 소개해 드리도록 하겠습니다.

photo | 인포그랩 GitLab | 인포그랩 GitLab

1. Readme 파일 생성하기

상단에 보이는 많은 버튼 중에 Add README 버튼을 클릭하면 readme 파일을 생성할 수 있는 화면으로 넘어가게 됩니다. GitLab 버전에 따라서 웹 에디터 혹은 web IDE로 넘어가게 됩니다. web IDE로 넘어가는 경우에는 커밋을 완료하여야 초기 git 레파지토리를 세팅할 수 있게 됩니다.

2. Web IDE로 파일 추가하기

앞서 설명했던 방법과는 크게 다르지 않습니다. 상단에 New file 버튼을 클릭하게 되면 Web IDE 화면으로 넘어가게 됩니다. 여러분들이 다른 IDE를 사용해보셨다고 하면 아주 어려움이 없으실 겁니다. 우선 왼쪽 파일 브라우저 상단에 3가지 버튼이 보이실 텐데요, 왼쪽부터 파일 추가, 파일 업로드, 폴더 추가 버튼입니다.

파일 추가와 폴더 추가는 /를 넣어 기본적인 하이라키를 만들어 낼 수 있습니다. 파일 업로드의 경우에는 로컬에 있는 파일을 업로드하여 사용할 수 있도록 합니다.

photo | 인포그랩 GitLab | 인포그랩 GitLab

GitLab의 Web IDE

GitLab은 서두에서 말씀드렸다시피 매우 개발자 친화적인 UI를 가지고 있습니다. 그렇기 때문에 인터넷이 되는 환경이라면 언제 어디서든지 GitLab을 통하여 개발할 수 있게 됩니다. 또한 CI/CD 파이프라인까지 설정하게 된다면 빌드, 테스트 그리고 배포까지 GitLab web에서 확인할 수 있게 되기 때문에 환경만 구성된다면 로컬에서 작업환경을 따로 구축하지 않고도 개발할 수 있게 됩니다.

여러분들이 더욱더 빠르고 효율적인 개발을 하실 수 있게 되길 기대하며,
YouTube 영상에서 전체 과정 데모를 확인 해 보세요.