Git과 GitHub의 뜻 그리고 GitHub연결하기

 

Git 과 GitHub 은 뭘까?

▲  보고서를 예로 들어보자, 보고서를 계속 수정하고 개편하다 보면 수없이 많은 파일이 생성된다.

각 파일에 대해 변경점을 한눈에 알아볼 수 없고, 다 기억할 수 없다.

 

 

▲ 파일이나 폴더를 복사하지 않고도 변경된 점을 기록하고 비교할 수 있게 해주는 것이 없을까?

 

 

 

▲ 그걸 해주는 것이 Git 이다.

 

 

▲ 하나의 폴더에서 프로젝트의 초기 코드를 작성 한다.
그리고 회원가입 기능, 로그인 기능, 로그아웃 기능을 개발하면서 순서대로 Git으로 저장을 할 수 있다.
만약, 로그아웃 기능을 개발하다가 에러가 났는데 이 에러를 고칠 시간적 여유가 업을경우 로그아웃 기능을 개발하기 전 단계인 로그인 기능을 개발한 시점으로 롤백이 가능하다!

 

 

▲ 여러분이 과제 나 코딩을 하고 있다가 컴퓨터가 고장났다면?
이런 상황을 방지하기 위해 USB 백업, 외장하드 백업, 드롭박스 백업 등을 한다.
그러나, 온라인으로 백업을 한다면 쉽게 백업과 액세스가 가능하고 또한 팀원들에게 공유도 용이한 장점이 있다.

 

▲ GitHub은 온라인으로 백업도 하고, 공유도 가능한 온라인 코드 저장소 라고 보면 된다.
간단하고 쉽게 그림으로 정리하자면 아래와 같다.

 

 

 

▲ Git은 코드 변경점 기록(버전 관리 도구, 형상 관리 도구)하는 도구 이다.
Git의 뜻을 구글에 검색하면 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것 이라고 설명을 하고 있다.
그리고 GitHub은 온라인 백업, 공유, 협업을 하는 온라인 코드 저장소다.

 

 

자 이제 본격적으로 Git 을 이용하여 GitHub에 나의 코드를 올려보자.

▲ 이전 포스팅에서 가입했던 GitHub 홈페이지로 접속한다.
오른쪽 상단에 있는 + 버튼을 눌러 New repository 를 눌러준다.

 

▲ 사용할 레포지토리 이름을 정하고, Creat Repository 를 눌러 생성한다.

 

 

▲ 새로운 레포지토리가 생성되면, Git 과 연결할 수 있는 명령어를 알려준다.

 

▲ 이전 포스팅에서 잘 따라서 Git 을 설치했다면, VS Code 의 터미널창에서 Git Bash를 사용할 수 있을것이다.

터미널을 Git Bash로 변경한 후 아래 내용을 따라한다.

 

▲ git init 을 하기전에 git으로 관리하려고 하는 프로젝트 폴더에 정상적으로 진입했는지 다시한번 확인을 해보자.
pwd 를 입력하면 현재 프로젝트 폴더에 들어와 있는지 확인할 수 있다.
폴더가 정확히 확인되었다면 git init 을 입력한다.
정상적으로 되었는지 확인을 위해 ls -a 를 입력하면 프로젝트 폴더에 .git 이라는 파일이 생성되었음을 확인할 수 있다.

 

자 이제, test폴더에 있는 index.html을 올려보자.

▲ git add index.html 을 입력한다.
이 과정은 저장할 파일을 지정하는 과정이다.

 

git commit -m "first code update" 를 입력한다.

이 과정은 저장할 파일을 실제로 올리는 과정이다.

 

이후 please tell me who you are. 라는 에러가 나올 수 있는데, 이는 git을 설치하고 처음 업로드 할때 당신이 누구인지 알려주는 과정이 필요하다.

 

 

▲ 아래 코드를 입력한다.
git config --global user.email "당신의 GitHub 로그인 이메일"
git config --global user.name "당신의 GitHub 이름"

 

 

▲ 자 이제, 레포지토리를 생성했을때 알려준 명령어를 터미널에 입력한다.
git remote add origin https://github.com/xxxxx/xxxx.git
git branch -M main
git push -u origin main

 

 

▲ 순서대로 입력하다 보면 마지막 명령어에서 GitHub에 로그인 하라는 팝업이 나타난다.
Sign in with your browser 를 눌러준다.

 

▲ Authorize git-ecosystem 을 눌러준다.

 

 

▲ 로그인 및 연결이 완료됬다고 한다.

 

 

▲ 다시 VS Code 의 터미널 창을 보면, 내가 지정한 GitHub의 레포지토리에 연결이 잘 되었고, 업로드도 완료되었다고 한다.

 

 

▲ 이제 코드를 수정하고
git add .
git commit -m "two"

git push
라고 입력하면 업로드가 잘 되는것을 확인할 수 있다.

 

▲ 나의 레포지토리에 가보면, 조금전 수정된 것을 확인할 수 있다.