github 가입 

 

username (영구적으로 쓰이는 닉네임과 같은 것), email 을 입력하고 깃헙에 가입한다. 

잘 생각해서 정해야 할 것이 username이다. 

협업할 때, 다른 사람에게 불리고 싶은 이름으로 정하자 :)

https://github.com/

 

Build software better, together

GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.

github.com

 

 

저장소 만들기 

 

저장소의 주소는 나의 username/저장소이름  이렇게 만들어진다. 이름을 잘 짓고 Create Repository를 클릭! 

 

저장소(repository)는 public과 private 두 가지 버전이 있다. 

public은 일반 유저 모두에게 공개된다. 

private은 나 혼자 보거나, 팀원들을 초대해 특정 인원만 공유한다. 

 

README 파일은 나중에 작성해도 된다. 저장소의 대문과도 같은 페이지다.

 

여담)

github는 2019년 부터 무료 사용자에게도 private 저장소를 무제한으로 제공한다. 기쁜소식 :)

무료 private 저장소는 소유자 외에, 공동작업자를 3인까지 초대 가능하다.

git hub에 유료회원 (PRO)가 되면, private 저장소에 공동작업자를 무제한으로 초대 가능하다. 

 

저장소를 만들고 나서, 초록색 버튼을 클릭해보면 아래와 같은 화면이 나온다.

URL을 가지고 저장소를 로컬로 Clone 해오면 된다. 

초록색 버튼을 눌러서 저장소 주소를 복사해오자. 

ZIP 파일 형태로 다운로드도 가능하다.

 

 

SourceTree로 저장소 관리하기 

 

코드를 병합하는 merge, 가지를 치는 branch 같은 추상적인 개념을 배우기에 sourceTree 가 유용하다.

터미널 명령을 모르는 경우에도 사용 가능하기 때문에 소스트리의 직관적인 UI 로 이해할 수 있다. 

 

SourceTree를 설치하고 실행한다.

Clone 페이지로 가서, 저장소의 주소를 붙여넣는다. 

복제 받을 '내 컴퓨터의 경로'를 지정한다. 깃헙에 있는 저장소를 어디에 내려받을까 라고 생각하면 편하다. 

 

참고) sourceTree 사용을 위해서는 아틀라시안에 가입해야한다.

아틀라시안은 bitbucket, confluence, Jira 와 같은 개발 및 협업 툴을 만드는 기업이다. 

bitbucket은 github과 비슷하고, confluence는 notion같고, Jira는 애자일 방식 개발론을 적용한 이슈트래커이다. 

 


 

기본 개념 3가지 

 

add -> commit -> push 순으로 코드를 깃헙에서 관리한다. 

 

add 

깃헙에서 관리할 파일을 선택하는 것을 add 라고 한다. 이를 '스테이지에 올린다'고 한다.

코드가 3개( a.js , b.js , c.js ) 있다고 하자. 

이 중에서 2(a.js, b.js ) 개만 깃헙에 올려서 관리하고 싶다. 

그렇다면 a와 b 만 add 하면 된다. add 한 파일만 깃헙의 관리대상이다. 

참고) add 대상에 인식되지 않았으면 하는 파일은 .gitignore 를 작성하여 명시해두자. 

 

 commit 

변경 사항의 '단위'조각이다. 

이렇게 저렇게 바뀌었다고 한번 캡쳐해 두는 것으로 이해하면 좋다. 변경 사항의 '시점'과도 같다.

add 한 파일에 한해서만 변경사항 commit이 가능하다! 

 

 

push  

commit들을 모아서 실제 코드에 반영하는 것을 push 라고 한다.

 

 

 

add commit push 해보기 

 

깃헙에서 관리할 코드들만 '+' 버튼을 눌러서 스테이지에 올린다. (add 한다.)

node_modules 디렉토리는 모듈의 모음이라 깃헙에서 관리할 필요가 없어서 스테이지에 add하지 않았다. 

 

 

Push를 누르고 깃헙 웹의 내 저장소에 가서 확인해본다. 

 

728x90

+ Recent posts