GitHub 사용법

목차

 

 

git!

 

 

모든 것을 기록하는 시스템

git이란 우리가 작업하는 파일의 모든 변화를 기록하는 시스템이다.

여기서 모든 것이란 누가 언제 어떤 파일 어떤 부분을 어떻게 했는가 이다.

(지운 것도 포함이다!!)

 

 

 

 

버전 관리(branch)

 

git이 한 기록을 토대로 우리는 파일을 언제든지, 얼마든지 복구할 수 있다.

 

언제든지란 옛날 버전을 불러올 수도,

얼마든지란 권한을 가진 여러 개발자들이 같은 파일을 받아 각자 개발을 할 수 있다는 뜻!!

 

 

그리고 이렇게 나뉘는걸 나뭇가지와 닮았다는 뜻에서 branch라 한다.

 

또한 변화된 부분만을 적용시켜 분산된 버전을 합치는 것도 가능하다.

 

 

 

github

 

github란 git을 관리하는 클라우드 Git 저장소이다.

여기서 알아둘게 git을 다루는 프로그램은 github 하나는 아니다.

그저 github 하나가 git에서 대표적인 프로그램 중 하나일 뿐..

 

으음... 특징.. 이라 하면

 

이슈 트래킹

todoList? 같은 느낌이다

누군가가 목표(이슈)를 올리고 해결하면 그 이슈를 닫는다.

 

웹호스팅

주소를 가진 사이트를 만들 수 있다!!

이를 통하여 pc로 작업한 반응형 웹을 모바일 기기로 확인할 수 있다.

 

사용법

 

 

 

회원가입

 

GitHub: Where the world builds software

일단 당연하지만 회원가입을 해야 한다.

 

 

우측 상단의 Sign up 버튼을 눌러주자.

 

 

이름과 이메일(이 주소로 확인 메일이 가게 되니 보유한 이메일 주소를 적자), 비밀번호를 지정해주고

버튼을 누른 다음

기입한 이메일로 들어가 Github의 메일을 확인해 가입을 완료하자.

 

Repository(저장소) 만들기

 

Github 메인화면으로 가 중앙을 봐주자

 

 

Start a project라는 버튼이 보일 텐데

눌러주자

 

 

 

생성할 project 설정 화면이 뜨는데

차근차근 알아보자

• Repository name ( 저장소 이름 ) : 영어로 적어주자. 웬만하면 영어로 쓰는 게 버그가 덜난다.
• Description ( 설명 ) : 저장소에 대한 설명이다. 이 프로젝트가 무엇인가 기술하는 것. // 지금 당장은 필요하지 않더라도 미래에 이 프로젝트를 찾아볼 나를 위하여, 깔끔한 협업 기술을 위하여 적는 연습을 들이자.
• Public(공개) / Private(비공개) : 프로젝트를 공개적으로 설정할 것인지, 비공개적으로 설정할 것인지에 대한 설정이다. // 내 작업물을 누가 보고 건드릴 수 있다니!!라고 생각하며 비공개를 하고 싶겠지만. 상업용이 아니라면, 남들에게 도움받을 일이 더 많으니 공개로 하자.
• Add a READMe file(설명서) : 파일 내에 설명서를 추가한다. 이것도 간단히 적으면서 연습하면 좋다.
• Add .gitignore(기록하지 않는 깃) : 변화과정을 기록하지 않는다. 깃의 큰 장점을 포기하는 것이다. 건들지 말자.
• Choose a license(라이선스 등록) : 라이선스(저작권) 지정하는 옵션이다. 아직은 때가 아니다. 힘내자!!

다 설정했으면 하단의 Create repository 버튼을 눌러 완료해주자.

 

 

 

자신이 만든 프로젝트 이름이 맞는지 확인 해주자!!

git desktop

 

git desktop 설치

일단 github의 기능이 익숙하지 않을 때엔

이해하기 쉽게 ui로 보이는 git desktop으로 접근하자

 

 

GitHub Desktop

GitHub Desktop 웹사이트로 들어가자.

 

210220_GitHub_Desktop_사이트화면

 

Download for Windows를 눌러주자

 

 

210220_GitHub_Desktop

 

브라우저에서의 다운로드가 끝나면

별다른 설치 과정 없이 GitHub Desktop이 실행된다.

 

 

저장소 컴퓨터에 설치(Set up in Desktop)

자 이제 아까 만든 github 저장소로 돌아가자.

 

 

 

화면 중앙의 Set up in Desktop 버튼을 눌러

프로젝트를 다운로드하여주자.

 

 

 

알람 창이 뜨는데,

왼쪽의 github client 열기를 눌러주자

 

 

 

github Desktop 프로그램이 실행되며

프로젝트를 복사할 곳을 지정하라 한다.

 

Choose 버튼을 눌러

프로젝트 위치를 정해주고, Clone을 눌러주자.

 

Clone이 완성되었다면,

 

 

Show in Explorer를 누르면 해당 위치 폴더가 열리고,

Open in Visual Studio Code를 누르면

지정한 위치를 폴더로 한 Visual Code가 실행된다.

 

 

변경사항 기록하기(git add / commit)

 

막 개발을 했다면

이제 GitHub에 변경사항을 저장해보자

 

 

GitHub Desktop을 열면 이렇게 왼쪽엔 변경된 파일이, 오른쪽에는 그 파일의 변동사항이 자세하게 나온다.

 

 

 

git을 업로드할 땐

이 버전의 버전명과 무엇이 변경되었는지를 적어줘야 한다.

 

그리고 이 작업 또한 미래의 나와 협업 기술 상승에 도움이 되니

꼭!!! 꼬옥 상세히 기술하는 연습을 들여놓자.

다 적었다면 하단의 Commit to master 버튼을 눌러 commit을 완료하자.

 

버튼을 눌러 완료하였다면 좌측 상단의 History를 눌러 확인해주자.

 

 

좌측을 보면 방금 Commit 한 git이 뜬다.

 

Git Push( 변경사항 Git Hub에 보내기)

 

이제 변경사항을 GitHub에 올릴 것이다.

 

 

그전에 branch 개념을 기억하는가

만약 기억이 안 난다면 왼쪽의 목차에서 버전 관리(branch)를 눌러주자.

간단히 복습해보자면, 버전을 나누고, 합쳐서 개발할 수 있다는 것인데

그 branch를 중앙 위쪽 Current branch버튼을 눌러 정할 수 있다.

지금은 딱히 필요 없을지라도 개념을 익히기 위해 한번 눌러보자.

 

 

 

누르게 되면 New branch라는 버튼과

중간에 Other branches,

젤 밑에 Choose a branch to merge into master 버튼이 보인다.

 

New branch는 말 그대로 새로운 가닥을 만들어

개별적인 개발과정을 만든다는 것이고,

제일 밑의 merge into master은 나누어진 branch를 master(메인) branch로 합친다는 뜻이다.

지금은 개념만 살펴보기로 하고, 지금은 중앙의 master(메인) branch를 눌러 선택하자.

 

 

 

대망의 업로드 버튼이다

Publish branch를 눌러 push 해주자.

 

 

 

처음에는 Publish라 뜨지만

그다음부턴 Push라 뜬다.

 

Push가 완료되었다면

Change 탭을 눌러 화면을 변환한 후에

우측 하단의 View on GitHub를 눌러 GitHub를 방문해 파일이 변경되었는지 확인해주자.

 

 

파일이 변경되었는 게 보인다.

왼쪽에 파일 목록과

중앙에 해당 파일이 변경된 commit Summary,

우측에 변경된 날자가 뜬다.

 

이렇게 하나하나 올려보자!!

 

Git Pull(프로젝트 다운받기)

프로젝트를 올렸다면 받을수도 있어야 한다.

받고자 하는 프로젝트를 웹으로 들어가자.

누른 뒤,

Open with GitHub Desktop을 눌러

GitHub Desktop으로 연결하자

ZIP(압축)파일로 바로 다운받고싶겠지만,

GitHub Desktop이 다운로드 속도가 더 빠르다.

 

알림창에서 확인을 누르면

GitHub Desktop이 바로 활성화되는데

우측 위의 Pull origin 버튼을 눌러 위치를 지정하면

끝!