github에서 clone하여 자료 다운받고, add, commit, push하는 법

코드스테이츠에서 과제를 제출할 때 github에서 과제 자료를 clone하고 코드를 작성하여 add, commit, push로 과제를 제출한다. 매번 과제를 할 때마다 관련 영상을 보고 하느라 시간이 많이 지체되어 이번에 github에서 자료를 clone하고 다시 github에 올리는 방법을 정리하기 위해 포스팅해본다. 

 

1. git이 컴퓨터에 설치되어 있는지 확인한다. 

확인하는 방법은 MacOS에서 터미널 혹은 Visual Studio Code의 터미널 창을 연다(메뉴의 터미널 - 새 터미널).

git --version

git version 2.24.3 (Apple Git-128)

git 명령어 git --version을 입력하고 엔터를 치면 버전이 나오면 git이 설치된 것이다. 

 

2. github에서 자료를 clone하는 법

내가 자료를 받아올 github 주소에 간다. 오른쪽 상단에 fork를 클릭한다. 

내 github 과제 폴더가 보이는데 이것을 클릭하면 내 과제 폴더로  fork 된다.

codestates에서 받아온 내 github 과제 폴더에서 자료를 clone 한다. 초록색 Code를 클릭하면 다운로드하는 방식이 여러 가지 있는데 맨 마지막 Download Zip 하면 압축파일로 다운로드하게 된다. 

clone으로 다운로드 받으면 빨간 박스를 클릭한다. 

다시 터미널, 내가 저장할 폴더로 온다. git clone 한 후 붙여넣기 한 후 엔터를 친다.

git clone

git clone https://github.com/JinHyungBAE/pre-sprint-stringify-json.git

Cloning into 'pre-sprint-stringify-json'...
remote: Enumerating objects: 34, done.
remote: Total 34 (delta 0), reused 0 (delta 0), pack-reused 34
Unpacking objects: 100% (34/34), done.

위와 같이 자료를 clone을 완료하는 것을 확인할 수 있다. 

---

vs code를 열어 관련된 파일을 열어 코딩을 한 후 

과제를 제출할 때, 혹은 협업할 경우 어떻게 파일을 gibhub에 올릴 것인지 알아보자. 

git 명령어 순서를 먼저 말씀드리면

1) git add

2) git commit

3) git push

이다. 

 

(1) git add

맥의 터미널 혹은 vs code의 터미널을 연다. 

먼저 내가 git add 할 파일이 있는 폴더에 터미널이 위치하고 있는지 확인한다. working directory인지 확인한다. CLI 명령어인 pwd으로 확인한다. 

맞는 폴더에 위치하고 있다면 git status로 내가 작업한 파일의 상태를 확인한다. 

붉은색으로 modified: 파일명이 나온다. 내가 clone 해서 받은 파일에 수정했지만 아직 add와 commit이 되지 않은 것을 확인할 수 있다. 

git add [파일명]

폴더 안에 있는 경우는 폴더명/파일명 적고 엔터를 친다. 앞에 한두 글자를 치고 탭키를 치면 자동으로 파일명이 나온다. 

git status로 add 가 잘 되었는지 확인한다. 

빨간색 modifed: 파일명이 초록색으로 바뀌었다. add가 잘 된 것을 확인할 수 있다. 이제 git commit를 할 차례이다. 

 

(2) git commit

git commit -m "done: comment 할 말을 적는다"

다음과 같이 출력된다. 

다시 한번 git status로 제대로 git commit 되었는지 확인한다. 

다음과 같이 나오면 git add와 git commit이 완료되었음을 알 수 있다. 

 

(3) git push

git push origin master

add와 commit이 완성되었으면 git push를 할 수 있다. push를 해야 github에 자료들이 올라간다. git push origin master라고 터미널에 입력을 한 후 엔터를 치면 다음과 같이 출력되는 것을 확인할 수 있다. 

혹시 위와 같이 출력되지 않고

fatal: Not a git repository (or any of the parent directories): .git [duplicate]

와 같은 에러 메시지가 뜬 경우는 working directory에서 push를 하지 않은 경우이니 반드시 working directory에서 push작업을 하고 있는지 확인한다. 

push까지 했다면 

이제 github 홈페이지로 가서 request 해야 한다. 

Pull requests를 클릭한다. 

우측 초록색 New pull request를 클릭한다. 

위의 빨간 박스에 상대방이 볼 폴더와 master인지 <- 내 폴더와 master인지 확인하면 된다. 

 

아래 빨간 박스는 내가 제출한 파일이 어디가 수정한 부분인지를 확인할 수 있다. 내가 수정한 곳은 +로 표시된다. 

지금은 이미 pull request 했기 때문에 오른쪽 초록 박스가 view pull request인데 처음에 할 때는 new pull request 버튼이다. 클릭하여 제목을 적으면 된다.