깃허브(github) 협업하는 방법 (clone, pull 사용하기)

저번에 쓴 '깃허브 사용하는 방법'에 이어서 이번엔 깃허브를 사용해서 협업할 때 알아야 하는 내용을 정리할게요!

깃허브 사용하는 방법도 궁금하시다면 아래 링크 클릭👇🏻

깃허브(GitHub)에 코드 올리는 방법

---

 

글 쓰기에 앞서 간단하게 요약해보자면 

1. git clone 원격저장소주소 2. git pull origin 브랜치이름

으로 정리해볼 수 있다. 두 가지 명령만 알면 되기 때문에 간단하게 사용할 수 있다😎

 

1. git clone: 깃허브에서 저장소 받아오기

이전 글에서 깃허브에 temp라는 이름의 원격 저장소를 만들고, 내 컴퓨터(로컬 저장소)의 temp 파일을 깃허브에 업로드해보았다.  나는 이 temp 저장소를 내 컴퓨터의 temp_a라는 파일에 복제할 것이다. 우선 로컬 저장소에 temp_a 디렉토리를 만들어준다.

temp_a 디렉토리 만들기

이제 원격 저장소를 내 컴퓨터에 불러올 것이다.

git clone을 이용해서 원격 저장소에 저장하기

clone 명령을 사용하여 temp를 내 컴퓨터에 복제해서 temp 안에 있는 .git과 README.md가 저장되어 있는 걸 볼 수 있다. 그리고 파일 복제를 하면서 .git이 생성되었으므로 이 디렉토리에서는 깃허브에 파일을 업로드할 때 먼저 해주었던 git init 작업을 하지 않아도 된다.

 

복제 시 가장 중요한 것은 "점"이다‼️

git clone 원격저장소주소[space]. 형태로 입력해야 불러온 파일이 temp_a파일에 풀려서 저장이 된다. 만약 스페이스+점을 입력하지 않고 주소까지만 입력한다면 temp_a파일 안에 temp파일이 또 불러질 것이다. 

(파일 이름이 같지 않다면 space+점을 하지 않아도 무관하지만 파일 이름이 같다면 꼭 새로운 디렉토리를 만들고 그 안에 파일을 풀어서 저장해야 한다)

 

 

2. temp_a에 새로운 파일 작성한 뒤 깃허브에 업로드

temp_a 디렉토리에 app.js와 index.html 파일 만들기

code명령어는 터미널에서 바로 vscode를 실행시켜주기 때문에 유용하게 쓰인다.

vscode에서 temp_a 디렉토리에 index.html과 app.js 파일을 만들어주었다.

 

깃허브에 app.js와 index.html 업로드하기

app.js와 index.html을 깃허브에 업로드해주었다.

깃허브 내에 app.js와 index.html이 업로드 확인하기

그러나, 협업을 할 때 A의 코드를 B가 복제하여 수정을 했다고 가정했을 때 B가 깃허브에 그 코드들을 업로드해도 A의 로컬 저장소에는 B가 수정하기 전의 코드가 있다.

temp 디렉토리 안의 파일

따라서 A는 B의 코드를 받아와야 하는데 이때 pull을 사용한다.

 

 

3. git push: 내 컴퓨터에 새로 생성한 파일을 깃허브에 업로드

git pull을 이용해서 업데이트하기

temp 디렉토리로 옮긴 뒤, 간단하게 git pull origin master 명령을 사용해서 pull하였다.

temp 디렉토리에 app.js와 index.html이 업데이트되었다.

 

이렇게 아주아주 간단한 깃허브 협업 방법을 알아보았다. 

 

이 두 가지 명령은 깃허브 협업에 있어 기본적인 명령어기 때문에 꼭 알아두는 것이 좋다~~