[GIT 활용] vscode 활용 git에 프로젝트 폴더 전체 올리기

 

프로젝트를 하다보면 최초의 프로젝트 파일을 만들거나, 로컬에서 모든 프로젝트를 마무리했을 때

프로젝트의 모든 폴더와 파일들을 git에 업로드할 때가 있다.

이때 다음과 같이 간단하게 내 repository에 업로드할 수가 있다.

 

시작 전 최초의 폴더 구성

 

1. github.com에서 새로운 git repository를 생성하고 주소를 복사한다.

 

2. 프로젝트 폴더의 제일 상위단계로 이동.

이 때 해당 프로젝트 명으로 git repository를 만들고 아래의 네개의 파일 및 폴더가 바로 보이도록 업로드할 것이다.

 

3. 해당 경로에서 vscode 실행(git bash here 동작)

 

4. Initialize Repository(git init 동작)

왼쪽 메뉴의 source control에서 initialize Repository 클릭하면 신규로 생성된 local repository이기에 changes에 모든 파일이 올라가있다.(git bash에서는 git init 동작과 동일)

initialize repository 동작 시 모든 파일이 changes에 등록

 

5. git add와 commit

반드시!!!! commit 메세지를 입력 후 commit 버튼을 누른다. 이때 경고창이 뜨는데, 이것은 git bash에서 changes 들을 stage로 올리는 동작인 git add를 안해주었기 때문에 발생한다. 최초 업로드의 경우 모든 파일을 stage에 올리고 바로 commit 할 것이기에 Yes를 누른다.(git bash에서는 git add . 으로 모든 파일을 stage에 add 후 git commit을 해줘야한다.)

좌측 상단에 commit message를 입력 후 commit 클릭 시 위와 같은 경고창이 뜬다. Yes 클릭

 

git commit이 완료되었을 시 changes가 사라진다.

git commit 완료

 

6. git add remote(git init 이전에 실행해도 상관없음)

Source control 메뉴 오른쪽의 삼점메뉴 클릭 후 add remote 선택,

위의 주소창에 복사한 git repo 주소 입력 후 remote name 입력(origin이 국룰)

local repository는 main으로, remote name은 origin으로 하여 두개의 연결된 repository를 구분하기 위해 repository name을 정해주는 것

source control 삼점메뉴에서 add remote 선택

vs code 상단 메뉴바에 remote git repo 주소 입력

remote name 입력(origin이 국룰)

 

7. git push

publish branch를 클릭하면 내가 local에서 작업하던 branch를 (지금은 최초 업로드이므로 main) remote repo의 main이라는 brach로 push하겠다는 것이다.(모든 git repo에는 하나 이상의 branch와 단 하나의 main branch가 존재)

publich branch를 클릭하고, 상단 메뉴바에서 업로드할 remote repo 선택(origin 선택)

publich branch 클릭 후 상단 메뉴 바에서 origin 선택

 

8. 확인

github에 들어가면 아래와 같이 내 프로젝트의 폴더와 파일이 모두 잘 올라간 것을 확인할 수 있다!