[ GITHUB ] GitHub 저장소에 프로젝트 연결( vue.js + SpringBoot ) , Git 명령어( Git Bash )

 

---

 

GitHub와 프로젝트 연결

 

추가로 진행하는 프로젝트에서 필자는 프론트엔드와 백엔드를 분리하였다.

•  vue 프로젝트는 Visual Studio Code로 Vue.js 프레임워크를 이용하여 만든다.

•  camper 프로젝트는 Eclipse로 SpringBoot 프레임워크를 이용하여 만든다.

 

그렇기 때문에 GitHub Repository안에 폴더가 2개 생성되어야 한다.

 

 

1) 내컴퓨터에 원격 저장소 가져오기

•  Github에 생성한 Repository를 내 컴퓨터로 가져와야 한다.

•  로컬저장소를 만들 디렉터리로 이동한 후, 마우스 우클릭을 하고 git bash here을 클릭한다.

   ( Window 기준이며 , Linux / Mac 의 경우 터미널을 열어서 한다. )

 

※ 로컬 저장소 : 내 컴퓨터 디렉터리 내에 존재, 원격저장소와 동기화할 저장소이다.

※ 원격 저장소 : GitHub 내에 생성한 Repository

 

 

2) Git Bash에서 명령어를 수행한다

 

•  git init

-  소스코드를 Git으로 관리하고자 한다면 git init을 통해 저장소를 초기화해야 한다.

-  저장소로 사용하고자 하는 디렉터리로 이동 후이다.

git init

 

•  git add

-  Git에 파일을 추가하기 위한 명령어이다.

-  Staging Area( 스테이징 영역 )에 추가가 된다.

git add 프로젝트 파일명

 

•  git config user.name "유저명" / git config user.emal "이메일 주소"

-  여러 개발자가 협업하므로, 저장소에 변경사항을 추가하는 Commit 작업을 수행할 때

    누구의 작업인지를 기록할 수 있게 도와준다.

git config user.name "유저명"
git config user.email "이메일 주소"

 

•  git commit -m " "

-  커밋 메시지에 쌍따옴표 안의 메시지 내용을 입력한다.

git commit -m "메세지"

 

•  git remote add origin url

-  origin이라는 이름으로 원격 저장소가 등록되었다는 의미이다.

git remote add origin URL

여기서 URL은 자신이 Github에 생성한 Repository의 URL이다.

 

•  git push origin +master

-  origin은 원격 저장소( remote )의 주소를 뜻하고, master는 현재 브랜치를 의미한다.

   깃허브 저장소에 연결하는 창이 뜨게 하고, 로그인을 완료하고 나면 연결이 완료된다.

git push origin +master

 

 

 

 

 

•  위 과정을 수행해서 camper 프로젝트를 연결하고 다시 아래 과정을 거쳐  vue 프로젝트를 연결한다

-  git add 프로젝트명

-  git commit -m "init Commit"

-  git push origin + master

-  아래와 같이 완성된다.

 

 

 

※ 주의사항 ) GitHub 디렉터리 화살표 표시 발생 ( 접근 불가능 )

-  아래와 같이 다른 디렉터리를 GitHub에 추가하는 도중에 디렉터리 안에 화살표가 생긴 채로 연결이 되면

   디렉터리에 접근이 되지 않는 문제가 발생하기도 한다.

   위와 같은 문제는 해당 폴더에 .git 폴더가 생겨서 발생하는 문제이다.

 

 

 

- - 어떻게 처리해주어야 할까? 

 

 

•   .git 파일 제거

-  해당 파일에 들어가서 Git Bash를 연 다음. git 파일을 제거하는 명령어를 수행한다.

rm -rf .git

 

•  스테이지에 존재하는 파일 제거

-  아래 명령어로 해당 스테이지의 파일을 제거해야 한다.

git rm --cached . -rf

 

•  add / commit / push를 다시 진행해준다.

-  push를 완료하고 나면 화살표 모양이 사라진 디렉터리로 바뀐 것을 볼 수 있을 것이다.

1) git add 프로젝트명

2) git commit -m "init Commit"

3) git push origin +master