Github
[ mac OS ] 페어와 GitHub을 통해 협업하고 싶어요.
conqueror-G
2021. 11. 13. 23:04
시리즈
이런 독자님이 읽으면 도움이 됩니다.
- GitHub을 통해 페어 혹은 동기와 같이 일해야 할 상황에 놓이신 분
- 협업 이란 단어는 들어봤지만 구체적으로 어떻게 하는지 모르시는 분
글에서 다루는 Editor와 응용프로그램
선행 과제
- 로컬 저장소 생성 및 원격 저장소와 연결 (중요)
- 혼자 연습할 경우 GitHub 계정 1개 더 생성해주세요.
- 페어와 같이 해주세요~
페어와 같이 해야 한다는 이유는 1PC에서 사용자를 바꿔가며 실습하니 충돌이 났습니다. 프로그램이 계속 다운되네요.
부득이하게 윈도우PC와 겸하여 진행했습니다. 혹시나 사용자를 바꿔가며 실습하시는 거라면 반대합니다.
해결하려면 개개인마다 틀리기에 비추천드리겠습니다.
1번 항목이 생소하시다면, 미약하지만 도움을 드리고자 실습 글을 남겨드리겠습니다.
https://conqueror-g.tistory.com/70
시작해볼까요? Let's get it~
※주의사항 : 저장소를 생성하고 원격 저장소를 연결하는 것은 이미 다뤘다고 생각하기에 과감히 생략하겠습니다.
페어와 협업할 것 이기에 실습 전에 허구의 인물을 소개합니다.
Brimstone과 Viper입니다 Brimstone과 Viper는 페어로서 협업하게 됩니다.
물론 Brimstone과 Viper는 각각 다른 계정으로 할 예정입니다. 없으시면 추가로 회원 가입해주세요. 추가로 혼자 실습하게 됐고 2PC가 아니라면 Sourcetree에서 계정 추가를 해야 합니다. 부록으로 계정 추가하는 법을 남겨놓겠습니다.
실습 목차
메인
- Brimstone의 로컬 저장소 생성 및 원격저장소 생성과 연결
- Brimstone가 협업자로 Viper를 초대하기(Collaborators)
- Viper가 초대 수락(Invitation)
- Viper의 로컬 저장소 생성 및 Brimstone의 원격 저장소로 연결
- Brimstone의 대문 페이지
- Viper가 Brimstone의 대문페이지를 풀(Pull)
- Viper가 허버 기능 추가(Branch)
- Brimstone이 풀(Pull)
부록
- Sourcetree 사용자 추가
1. Brimstone의 로컬 저장소 생성 및 원격 저장소 생성과 연결
| No | 설명 | 사진 |
| 1 | Brimstone PC에서 Brimstone이라는 이름으로 새로운 폴더를 생성해줍니다. |  |
| 2 | Sourcetree를 이용하여 로컬 저장소를 생성합니다. |  |
| 3 | GitHub에서 Brimstone이라는 이름으로 원격저장소를 생성합니다. |  |
| 3 | 원격저장소와 연결합니다. |  |
2. Brimstone가 협업자로 Viper를 초대하기(Collaborators)
| No | 설명 | 사진 |
| 1 | Brimstone계정에서 Brimstone Repository의 상단 카테고리 중settings를 클릭합니다. |  |
| 2 | 좌측 메뉴에서 Manage access를 클릭합니다. |  |
| 3 | Add people를 클릭합니다. |  |
| 4 | Viper의 이메일 주소를 입력합니다. |  |
| 5 | Add Viper의 이메일주소 to this repository를 클릭합니다. |  |
3. Viper가 초대 수락(Invitation)
| No | 설명 | 사진 |
| 1 | 해당 이메일로 초대장이 발송되며 확인하면 사진과 같다. View invitation을 클릭한다. |
 |
| 2 | Accpt invitation을 클릭한다. |  |
| 3 | 완료하면 Viper는 Brimstone의 Collaborator가 된다 |  |
4. Viper의 로컬 저장소 생성 및 Brimstone의 원격 저장소로 연결
Viper의 원격저장소로 연결하는 것이 아닌 Brimstone의 원격 저장소로 연결해야 합니다.
여기에 Personal access tokens는 필요하지 않습니다.
| No | 설명 | 사진 |
| 1 | Viper PC에 Viper라는 이름으로 새로운 폴더를 생성해줍니다. |  |
| 2 | Sourcetree를 이용하여 로컬 저장소를 생성합니다. |  |
| 3 | Brimstone의 원격저장소와 연결합니다. |  |
5. Brimstone의 대문 페이지
| No | ㄴ설명 | 사진 |
| 1 | Visual Studio Code에서 README.md 파일을 생성합니다. |  |
| 2 | ' # 대문 네이버에 오신 것을 환영합니다' 기입하고 저장합니다. |
 |
| 3 | 커밋과 푸시를 해주세요. |  |
6. Viper가 Brimstone의 대문 페이지를 풀(Pull)
| No | 설명 | 사진 |
| 1 | Viper의 PC에서 Sourcetree를 실행하여 Pull을 클릭합니다. |  |
| 2 | 사진과 같이 되었다면 성공 |  |
7. Viper가 허버 기능 추가(Branch)
| No | 설명 | 사진 |
| 1 | Viper의 PC에서 Visual Studio Code를 켜고 README.md 파일을 엽니다. | |
| 2 | '## hover 기능 대문에 마우스를 올려놓을 시 반짝임' 기입하고 저장합니다. |
 |
| 3 | 커밋과 푸시를 해주세요. |  |
| 4 | 새 브렌치를 만들어줍니다. 이름은 feat/hover 입니다 기입하시고 브렌치 생성을 눌러주세요. |
 |
| 5 | 사진과 같이 되었다면 완료 |  |
8. Brimstone이 풀(Pull)
| No | 설명 | 사진 |
| 1 | Brimstone의 PC에서 Sourcetree를 실행하여 Pull을 완료합니다. Branch가 안보인다면 새로고침 눌러주세요. |  |
부록
1. Sourcetree 계정 추가
계정 추가가 완료되고 해당 계정으로 푸시할 일이 생긴다면 반드시 디폴트 설정을 누르셔야 합니다.
| No | 설명 | 사진 |
| 1 | 설정 메뉴로 들어갑니다. |  |
| 2 | 계정 항목으로 들어갑니다. |  |
| 3 | 추가를 눌러주세요. |  |
| 4 | 웹 브라우저에서 새로 회원가입한 계정을 로그인해주세요. | |
| 5 | 호스트 : GitHub 인증방식 : OAuth 계정연결 클릭 (계정연결 했을때 회원가입한 계정으로 로그인한다면 5-1 사진 처럼 웹이 열릴 것 입니다) 프로토콜: SSH |
 |
| 5-1 | Authorize atlassian을 클릭해주세요. |  |
| 5-2 | Sourcetree 열기 누르시면 됩니다. |  |
| 5-3 | 저장 클릭 |  |
실습하시느라 고생하셨습니다. 다음 내용도 기대해주세요~