알잘딱깔센 GitHub - Ch 3. GitHub

이 글은 인프런의 "알잘딱깔센 GitHub" 강의를 듣고 정리한 내용입니다.

인프런 강의 링크

[무료] 30분 요약 강좌 시즌4 : 알잘딱깔센 GitHub - 인프런 | 강의

노션 링크

 

---

GitHub 세팅

GitHub 가입하기

아래 페이지로 들어가 회원가입을 한다.

https://github.com/

GitHub: Where the world builds software

Repository 생성하기

리포지토리 이름을 설정하고 Public(공개)/Private(비공개)를 설정한 후, Add a README file을 클릭하여 README file을 추가합니다. 설정이 완료되면 Create Repository를 클릭한다.

• 나중에 설정 탭에서 Public과 Private 상호 변경 가능합니다.

만약 Add a README file에 체크를 하지 않고 리포지토리를 생성하면 다음과 같은 화면이 뜬다.

Quick setup에서 creating a new file을 클릭하면 새로운 파일을 생성하고, uploading an existing file을 클릭하면 폴더나 파일을 업로드 할 수 있다. README를 클릭하면 README.md 파일도 자동으로 생성할 수 있다.

 

GitHub에 파일 올리기

create a new repository on the command line

: CLI 명령어를 입력해서 깃헙 레포지토리에 파일을 올릴 수 있다.

 

로컬 폴더 생성 -> 해당 폴더에서 우클릭하고 Git Bash Here 클릭 -> 다음 명령어 복사 붙여넣기

echo "# githubtestrepo" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/Soomin-Lim/githubtestrepo.git
git push -u origin main

echo "# githubtestrepo" >> README.md

- README.md의 내용을 "# githubtestrepo"로 해서 생성하는 리눅스 명령어

git branch -M main

- 기본 브랜치 이름을 main 으로 변경

- GitHub나 GitLab은 기본 브랜치명을 main 으로 변경했지만 로컬에서 Git을 사용하면 master가 기본 브랜치로 생성이 되기 때문에 main으로 브랜치 명을 변경해야 한다.

참고: [Git] 기본 브랜치를 master에서 main으로 설정하기

 

git remote add origin https://github.com/Soomin-Lim/githubtestrepo.git

- 원격 저장소와 연결

 

 

git bash에 위 명령어를 모두 입력하면 README.md파일이 GitHub 리포지토리로 들어가는 것을 확인할 수 있다.

Repository 내 하위폴더 생성하기

1) 우측 상단의 Add file을 클릭하고 Create new file을 클릭한다.

2) / 를 기준으로 폴더가 분리된다. /{폴더명} 을 입력해서 폴더를 생성한다.

3) 빈 폴더는 생성되지 않는다. 임의의 파일을 생성해주어야 commit new file 버튼이 활성화 된다.

4) 리포지토리 안에 test 폴더가 생성되었고 폴더의 하위에 index.html 파일이 생성된 것을 확인할 수 있다.

 

현재 리포지토리를 GitHub page로 만들어보자. 챕터 0에서 했던 방법대로 똑같이 수행한다.

https://soomin-lim.github.io/githubtestrepo/

이 때 index.html이 없으므로 README 파일이 깃헙 페이지에 뜬다.

test 폴더의 index.html을 보고 싶으면 URL 창에 https://soomin-lim.github.io/githubtestrepo/test/index.html 을 입력하면 된다.

index.html을 생략해도 가능하다. https://soomin-lim.github.io/githubtestrepo/test/

 

---

git clone

원격 저장소의 코드를 로컬 저장소에 받아온다.

 

코드를 받아올 로컬 폴더에서 git bash를 실행한 후

git clone {깃헙링크}

 

여기서 {깃헙 링크}는 해당 Github 리포지토리 페이지에서 Code 버튼을 클릭하여 확인할 수 있다.

실행 결과 새로운 githubtestrepo 폴더를 생성한 후 코드를 받아온 것을 확인할 수 있다.

git clone {URL} .

새로운 폴더를 생성하지 않고 현재 폴더에 바로 코드가 생성된다.

만약 깃헙 레포지토리에 코드를 수정하고 올릴 수 있는 권한을 다른 사람에게 주고 싶으면 Settings -> Collaborators -> Add people -> 아이디나 이메일을 입력한다.

 

 

 

git add, git commit, git push

이미지 파일을 다운로드하여 로컬 폴더에 추가한 후 다음 명령어를 입력한다.

$ git status
$ git add .
$ git commit -m "추가 작업 내역입니다."
$ git push origin main

push를 하게 되면 로컬 저장소에 있는 소스코드나 파일들이 GitHub에 올라간다.

 

커밋 메시지는 회사마다 컨벤션이 정해져 있다.

 

GUI 환경에서 히스토리를 확인할 수 있다. 아래처럼 누가 어떤 소스코드를 수정했는지 내역을 확인할 수 있고, 되돌릴 수도 있다.

 

git pull

원격 저장소에 업데이트 된 데이터를 가져오고 병합할 때 사용한다.

git pull origin main

 

만약 코드를 수정하거나 추가한다면 git add . -> git commit -m "메시지" -> git push 를 실행하면 된다.

그러면 bingky는 git pull을 통해 원격 저장소에 있는 수정된 파일을 받아올 수 있다.

 

만약 같은 파일을 2명 이상이 수정한다면? -> 충돌이 발생한다.

충돌이 발생할 때 해결 방법은 이후 챕터에서 설명한다.