Web/기타

[Github] 깃허브 데스크탑 협업 사용법

eunyoe 2022. 3. 28. 17:59
반응형

[Github] 깃허브 데스크탑 협업 사용법

많은 곳에서 협업 툴로 Github를 사용하고 있고, 저 역시 Github를 사용하고 있습니다.

회사에서도 git을 사용할 수 있는 사람을 선호하는 만큼, 깃허브의 사용방법은 알고계시는 것이 좋습니다.

그럼 깃허브 사용방법에 대해 알려드리기 전에, 우선 깃허브란 무엇인지에 대해 알아보겠습니다.

 

 

 

 

깃허브[Github]란?

깃허브(Github)는개발자 중 70%가 사용한다는 말이 있을 정도로 대부분의 개발자들이 사용하며,  협업 기능을 지원하는 형상관리 툴입니다. 개발에서 소스 코드를 효과적으로 관리할 수 있도록 해주는 툴이죠.

 

개발을 하다보면, 여러명의 사용자가 작업을 하다보면, 소스가 꼬일 수도 있습니다.

이를 방지하기 위해 형상관리 툴을 이용하는 것입니다. GitHub를 사용하게 되면 서로 다른사람이 수정한 코드의 소스가 겹칠일도,  소스코드를 서로 주고 받을 필요가 사라지는 것입니다.

 

Github는 협업과 버전관리를 위한 웹 호스팅 플랫폼입니다.

 

 


 

깃허브(GitHub) 데스크탑 셋팅방법

1. 회원가입하기

https://github.com/

 

GitHub: Where the world builds software

GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

우선, 깃허브 데스크탑을 사용하려면, 회원가입이 필요하겠죠.

회원가입이 따로 되어있지 않는 분들은 해당 url로 들어가 회원가입을 해줍니다.

 

 

2. Repository 만들기

 

로그인 후 , 우측 상단에 아이콘을 누른뒤 , your repositories를 눌러줍니다.

그런 다음 New라는 초록색 버튼을 눌러줍니다.

* 여기서 repositories란 git에서 관리하는 프로젝트 저장소를 의미합니다. 파일이나 폴더를 저장해두는 저장소입니다.

 

 

3. Repository 설정하기

다음은 깃허브 저장소를 생성해주면 됩니다.

저장소의 이름과, 저장소 설명, 공개 여부를 체크해주신 뒤 Repository를 생성해주세요.

 

 

4. 생성완료

저장소 생성이 완료되면 해당화면이 노출됩니다.

그 다음엔 Set up in Desktop 버튼을 눌러 깃허브 데스크탑을 열어주시면 됩니다.

여기서 다운로드 받지 않으신 분들은 다운로드받아주시면 되겠습니다.

 

 

5. GitHub 데스크탑 저장소 연결하기

 Set up in Desktop 버튼을 누르게 되면 깃허브 데스크탑이 실행됩니다.

그럼 다음과 같은 팝업이 나옵니다.

로컬 저장 주소를 확인 해주신 뒤, clone 버튼을 눌러주시면 됩니다.

 

* 이때 다음과 같은 팝업이 나오지 않으면, 깃허브 홈페이지 내의 Set up in Desktop 버튼을 한번 더 눌러주세요.

 

 

 

6. 완료

여기까지 잘 따라해주셨으면 다음과 같은 화면이 나오면 Github 데스크탑의 세팅이 끝났습니다!

 

 

 


 

깃허브(GitHub) 데스크탑 사용방법

깃허브 데스크탑과 저장소의 연결이 끝났다면, 깃허브 데스크탑 협업방법에 대해 알아보겠습니다.

우선 파일을 commit, push 하는 방법부터 알아보겠습니다.

 

1. 파일 업로드하기

다음은 commit과 push를 위해 파일을 올릴건데요.

저는 첫번째에 있는 버튼을 클릭해 vscode로 작업하도록 하겠습니다.

 

 

2. commit, Push하기

vscode에서 수정, 추가한 내용이 깃허브 데스크탑에서 상단 이미지처럼 표시됩니다.

이때 버전관리를 위해서 수정한 내용의 제목을 넣어서 Commit to main 버튼을 눌러주세요!

 

커밋을 완료하셨다면 Phblish branch 버튼이 활성화 됩니다.

이 버튼을 눌러주셔야 내가 수정한 소스가 github에 저장됩니다!

초기에는 위와 같이 버튼이 활성화되고,

 

 

두번째 커밋부터는 상단에 커밋한 내용이 표시됩니다.

 

 

 

이때 만약 commit을 잘못했을 때는, 좌측 하단에 있는 Undo 버튼을 눌러주면, commit이 취소됩니다.

 

 

커밋을 완료했다면, 깃허브 홈페이지에 다음과 같이 나오게 됩니다.

그럼 기본적인 깃허브 데스크탑의 사용방법을 알아봤으니, 깃허브 데스크탑으로 협업하는 방법에 대해 알아보겠습니다. 

 

 


 

깃허브(GitHub) 데스크탑 협업방법

1. 브랜치(branch) 생성

다음은 깃허브 데스크탑 협업을 위해서 브랜치(branch)를 생성해줄겁니다.

상단 가운데에 있는 main에서 New branch 버튼을 눌러주신 뒤,  이름을 설정해줍니다.

 

그럼 다음과 같이 새로운 브랜치가 생성이 됩니다.

생성한 브런치를 눌러 기존 main에서 -> new(새로운 브랜치)에서 작업해줍니다.

* Git에서 브랜치(branch)란 git에서 협업할 때 사용하는 주된 기능으로, 현재 버전을 여러가지로 나눠 개발하고 병합할 수 있는 기능입니다.

 

 

2. 새로운 브랜치에서 작업하기

테스트를 위해서 새로 생성한 'NEW' 브랜치에서 수정 뒤,

위에서 설명해준 방식으로 commit 후, push를 해줍니다.

 

정상적으로 커밋을하고, 푸쉬를 하게되면 다음과 같이 Create Pull Request 버튼이 활성화 됩니다.

해당 버튼을 누르면 깃허브 홈페이지로 이동하게 되는데요. 이때 메세지를 작성하고 PR을 생성합니다.

 

 

Create Pull Request 에 완료하게 되면 다음과 같은 화면이 나옵니다.

 

 

PR을 받은 원본 저장소 관리자는 변경된 코드를 확인하고 Merge(병합) 여부를 결정합니다.

 

 

3. 깃허브 데스크탑 병합(Merge)하기

다음은 협업을 위한 병합 방법입니다.

Commit, Push 후 병합을 위해 merge into New 버튼을 눌러줍니다.

 

작업했던 브런치에서 main 브런치와 병합할 것이기 때문에 main을 눌러준 뒤 ,

Create a merge Commit 버튼을 눌러줍니다.

 

 

main과, 내가 수정한 파일과 충돌(Conflict)이 있으면 다음과 같은 팝업이 나옵니다.

이를 수정해주기 위해 vscode로 이동해줍니다.

 

 

내가 수정한 파일과 main의 파일이 충돌이 되면, vscode에 다음과 같이 표시됩니다.

초록색으로 표시된 영역이 내가 수정한 영역(Currnet change),

파란색으로 표시된 영역이 main의 영역입니다.

 

빨간색으로 표시한 영역으로 충돌(Conflict)을 어떻게 처리할 지 선택할 수 있습니다.

1) Accept Current Change -> 헤드 부분을 적용
2) Accept Incoming Change -> 변경된 부분을 적용(병합 대상이 된 브랜치의 내용으로 변경)
3) Accept Both Change -> 둘다 적용(말그대로 헤드와 변경된 부분 둘다 남겨준다.)
4) Compare Change -> 컨플릭트가 난 부분을 좀 더 보기쉽게 보여준다.

 

 

 

충돌(Confilcts)해결, 병합완료 팝업입니다.

아래의 merge버튼을 누른 뒤, push 해주면 됩니다.

 

 

 

 


 

저도 깃허브를 처음 접하면서 어려움이 많았는데요!

검색하고, 직접 해보면서 알게된 내용을 포스팅했습니다. 많은 도움이 되셨으면 좋겠네요!

만약 틀린부분이 있거나, 수정˙추가할 부분이 있다면 댓글로 알려주세요 :)

도움이 되셨다면 좋아요 부탁드립니다 ㅎㅎ

반응형
Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]