Visual code 와 git hub 연동 1 (파일 만들고 Git Hub에 업로드)

우선 git이 깔려 있어야 한다.

설치 방법을 모른다면 아래 링크를 참고 하자.

https://lcw126.tistory.com/112?category=773516

형상관리 (SCM) Git 다운로드 하기

그리고 현재 git name과 email이 설정되어 있어야 한다.

git name과 email 설정 방법 : $ git config --global user.name Lee
                                      $ git config --global user.email Lee@example.com

 

확인하는 방법 :  $ git config user.name
                      $ git config user.email

이게 깃과 연동하기 위해 작업할 폴더를 만들겠다.

예제는 D:\Web\GitTest\VSCHello

 Git 연동하여 작업을 하자

아까 만든 폴더를 선택해준다.

Initialize Repository를 하면 이제VSCHello폴더를 가면  숨김파일 .git 파일이 있을 것이다.

(안보인다면, 폴더 보기메뉴에 자세히 - 숨긴 항목 체크)

이제 git 작업을 할 준비는 끝났다. 해당 경로에 index.html 이라는 파일을 만들었다.

이제 Terminal 메뉴를 선택하여 쉽게 명령어를 쓰자.

(Git brush를 사용해도 되지만 같은 창에서 작업이 더 수월하기 때문에)

이제 나중에 Git hub에 추가할 파일을 git add로 추가 시킨다.

(예제에선 index.html을 업로드 할 것이다.git add index.html)

git status로 현재 상태를 확인할 수 있다.

지금 브런치는 master이고 아직 커밋이 안됐다고 나온다.

git commit을 하면 commit하기 전에 작업 내용을 적는 창이 나온다. 

(입력하여면 키보드i를 누르고 글씨작성 후 ESC 누르고, :wq 명령어 입력)

현재는 master 브런치에 있지만, master는 모든 코드가 완벽할때 merge하는 용도이다.

코드를 수정하고 테스트할 경우 새로운 브런치를 만들어서 작업하자.

브런치를 만들었다면 해당 브런치로 이동하자. ( 명령어 : git checkout 브런치명 )

hotifx 브런치로 이동하여 새로운 내용을 기재하였다.

그리고 git status로 확인하면 코드 내용이 변경되어서 빨간색으로 html파일이 나온다.

다시 새로운 브런치에서 add하고 commit을 해보자.

Terminal에서 명령어로 add, commit도 가능하지만 Visual code에서 간단하게 해보자.

우선 add로 새로운 브런치 index.html 수정된 내용을 반영한다.

그후 commit 수정된 내용을 간단하게 적고 체크 표시를 누즈자. ( 메세지를 먼저 입력한 후에 체크표시 클릭 )

<참고 자료>

이제 깃허브에 올려보자.

해당 코드가 에러가 없는 코드로 판단하여 master 브런치로 checkout하고 merge까지 진행했다.

git checkout master

git merge hotfix    //그러면 mater에 hotfix 합쳐진다.

 

우리는 먼저 파일을 만들었기 때문에 2)로컬 저장소를 먼저 만들고 원격저장소와 연결을 하겠다.

깃허브(github)에 로그인을 하고 New 클릭

임의로 VSCHello라는 repository를 만들자.

그러면 만들어졌을 것이다. 이제 만든 주소를 이용해서 연동해보자.

(현재까지는 아직 git hub에 index파일을 안올린 상태 이제 할거임)

이제 git hub에 업로드 시켜보자.

index.html이 있는 폴더 VSCHello폴더로 가서, master 브런치로 가자.

그러나 push를 한번도 안해서 fatal 오류가 나온다. 

그럴때는 git push --set-upstream origin master 를 입력하자.

성공적으로 업로드가 됐다면, 아래와 같이 파일이 올라갔을 것이다.