git, github 사용하기

 

<git이란? 버전 관리 시스템>

 

• 버전 관리 시스템: 파일의 변화를 시간에 따라 기록하여 과거 특정 시점의 버전을 다시 불러올 수 있는 시스템이다.

• 변경사항을 지속적으로 추적, 파일들의 스냅샷으로 만들어 저장

• commit 명령을 통해 원하는 순간의 스냅샷을 만듦.

• 스냅샷을 통해 이전의 버전들을 쉽게 가져오기.

• ommit 이전의 파일들을 stage 상태로 만듦

 

---

• Git 다운로드

https://git-scm.com/download/win

 

• Visual Studio Code 다운로드

https://code.visualstudio.com/docs/?dv=win

 

 

 

extension-korean 검색하여 패키지 설치

 

 

메뉴가 한국어로 나옴

 

 

 

---

 

<git 명령어로 실행>

 

• git 설치 후 git Bash 창이 뜸

• 바탕화면에 새폴더 만들기-git

 

• git 폴더 내에 myApp 폴더 만들기 (git hub에 올릴 프로젝트들을 관리할 폴더) -마우스 우클릭 Git Bash Here 클릭

 

 

• git이 제대로 설치되었는지 확인 (git --version)

 

• user.name에 내 이름을 영문으로 지정, user.email에 내가 쓰는 이메일 쓰고 엔터 (git hub 이메일과 동일)

 

• code . (code 뒤에 스페이스바 치고 온점) 를 엔터하면 Visual Studio Code 창이 팝업됨

 

• myApp폴더에서 Alt-숨김 항목 표시를 하면 .git 폴더가 생긴 것을 볼 수 있음

 

 

• Visual Studio Code에서 myApp 폴더를 열고 index.html과 app.js 생성 (myApp폴더 안에서 직접 새로만들기-텍스트 파일 해서 만들어도 됨)

 

• !를 누르면 자동완성. title 사이에 깃연습, body 사이에 깃 시작하기를 적고 Ctrl+S로 저장.

 

• git에서 명령어 git init을 타이핑하고 엔터치면 myApp폴더가 master가 됨

  

 

 

• git status로 myApp폴더 상태 확인. app.js와 index.html, myApp폴더에서 직접 만든 index.html 파일 세 개가 생긴 것을 알 수 있음.

 

 

• 깃에 추가하기 위해 git add .을 누르고 엔터

 

 

• git status 후 git commit -m "최초커밋"이라고 메시지

 

 

• 최초 커밋 후에 index.html의 내용을 수정해보기

 

 

• index.html이 수정이 되었는데 add가 안되어서 빨갛게 표시됨

  

 

 

• git add . 후 git status 확인. 초록색으로 바뀜. commit -m "index.html수정"

 

 

 

 

---

 

 

<github 사용법>

 

• 깃허브(github): 깃을 사용하는 온라인 저장소. 깃허브에 프로젝트 올려보기

• github.com에서 로그인하고 New repository 클릭

• myApp은 로컬 저장소. 얘를 온라인 저장소로 올리는 것을 github이 해준다.

 

 

• github에서 제공하는 온라인 저장소의 주소는 다음과 같다.

 

 

• remote 저장소(깃헙)를 origin이란 이름으로 저장

• git remote add origin https://github.com/kkj0712/myApp.git

• github저장소로 주소를 넣어줌

 

 

• git push -u origin master

 

 

 

• 깃허브 로그인 창이 팝업되고 로그인 한다.

 

 

• 깃허브에 파일들이 올라갔다.

 

 

 

• index.html 파일을 깃 허브에 올린 후에 수정한다면?

 

 

 

 

• git add . / git commit -m "github에 올린 후 index.html, app.js 수정" 이라 코멘트를 적어줌 / git push 차례대로 엔터

 

 

 

• 무슨 프로젝트인지 다른 사람들이 알 수 있도록 Readme 파일 만들어야 한다.

• Visual Studio Code에서 README.md(마크다운) 이름의 새 파일 만들기

  

 

 

• git add . / git commit -m "README 추가" / git push 차례대로 엔터

  

 

 

• README.md 가 변경된 것을 볼 수 있다.