git과 git hub 사용법

git hub이란?
소스코드를 올리는 공간

git이란?
소스 코드를 내 컴퓨터에서 인터넷으로 올리는 역할
따라서 git이라는 명령어를 따로 설치해야 됨.

설치 후 git bash 실행해서 환경설정해야 함

유저 이름 설정
git config --global user.name "your_name"

유저 이메일 설정 (Github 가입 시 사용한 이메일)
git config --global user.name "your_e-mail"

이름이랑 이메일 잘 들어갔는지 확인
git config --list

====== 환경설정 끝 / 내 프로젝트 올리기 ======

1. vscode에서 터미널 - 새터미널

2. 하단 창에서 터미널에 작업

1) 깃을 쓸 준비(initialize), 초기화 하겠다.
(맨 처음에 프로젝트를 올릴 때 사용해야 한다.
$ git init

Initialized empty Git repository in~

위 문구가 나오면 성공

2) 어떤 파일을 올릴까
$ git add .
입력하면 아무 일도 일어나지 않는다.
.(점)은 전부라는 뜻으로 해당 프로젝트 폴더에 있는 파일을 전부 추가하겠다.
(index.html, style.css 전부 올린다.)

! 만약 index.html 파일 하나만 올리고 싶다면
$ gti add index.html

3) 어떤 파일을 올렸어?(필수x)
$ git status
실행 시 어떤 파일을 찾아서 업로드 했는지 보여준다.

 new file:   .vscode/settings.json
 new file:   BAR/.vscode/middle_top.css

4) 히스토리 만들기
$ git commit -m "first commit"

first commit : 첫번째 최종 즉, 히스토리 이름
second commit : 두번째 최종

이 히스토리를 깃허브에 보내야 함

vscode랑 깃허브간에 연결고리가 없음.

5) 연결고리 만들기
$ git remote add origin https://github.com/nawheat013/team6-3rd-project.git
nawheat013/team6-3rd-project.git
위 저장소로 내 소스코드를 보낸다.
엔터 후 아무 일도 안 생기면 성공

6) 연결고리 확인하기(필수x)
$ git remote -v

nawheat013/team6-3rd-project

내가 연결한 주소가 뜨면 성공

여기까지 했으면 내 로컬 프로젝트랑 인터넷에 있는 저장소에 연결고리가 생김

7) 보내기
$ git push origin master
master branch로 보낸다.

* [new branch]      master -> master

위 문구가 뜨면 성공!

그리고 github에 들어가서 새로고침을 하면 내가 보낸 프로젝트의 파일이 업로드 된 것을 확인할 수 있다.

8) 로컬에서 수정한 부분 업데이트하고 싶다.
$ git add .
git init은 할 필요없다.
프로젝트를 처음으로 올리는 것이 아니니까

9) 어떤 파일을 수정했어(필수x)
$ git status

Changes to be comitted:
 (use "git restore --staged <file>..." to unstage)
 	modified: 수정된 파일명.확장자

위 문구가 나오면 수정된 사항 업데이트 완료!

수정을 했으니 본래 최종 파일에서 진짜 최종으로 바꼈으니
다시 히스토리를 만들어줘야 한다.

10) 히스토리 만들기
$ git commit -m "second commit"

11) 보내기
$ git push origin master

새로고침하면 수정한 부분이 추가된 것을 확인할 수 있다.

main으로 가보면 frist commit이 second commit으로 바뀐 것을 볼 수 있다.
commit을 클릭해 보면 수정 전이랑 수정 후 코드를 보여준다.