로컬 저장소와 원격 저장소(Github) 연결하기

이번 포스팅은 로컬저장소와 원격저장소를 원결해보겠습니다. 

왜 연결해야 할까요?

로컬저장소만 이용한다면 이용하지 않는 것보다는 좋습니다. 하지만 원격저장소까지 같이 이용한다면 더더욱 좋습니다. 왜냐하면 자신의 코드를 반영구적으로 저장할 수 있기 때문입니다. 또 원격저장소에 있는 코드를 쉽게 다른 곳으로도 옮길 수도 있습니다. 집에서 작업했던 것을 원격저장소에 옮겨두고, 다시 다른 컴퓨터로 접속해서 작업했던 코드를 받아올 수 있다면 얼마나 편할까요? 로컬저장소와 원격저장소를 연결해서 편리함과 효율성을 느껴보세요.

원격 저장소에 있는 파일을 로컬 저장소에 가져오기

저번 포스팅에서 포크 기능을 통해 부트스트랩 프로젝트를 자신의 저장소로 가져왔습니다. 그리고 부트스트랩 프로젝트를 로컬 저장소로 옮기려고 했으나, 파일이 크기때문에 새로운 저장소를 만들어서 로컬 저장소로 옮겨보도록 하겠습니다.

로그인 후 깃허브 홈페이지 입니다.

초록색 점선 안에 있는 start a project나 new repository를 누르면 새로운 저장소를 만들 수 있습니다. 클릭해서 새로운 저장소를 만들어주세요.

버튼을 누르고 들어가면 위와 같은 설정화면이 나옵니다.

 

우선 저장소의 이름을 정해야합니다. 저는 test_git이라고 이름을 설정했고, 저장소의 설명엔 test repository라고 입력했습니다. Pubilc을 클릭하시면 소스코드가 다 공개되지만 무료로 이용할 수 있고, Private을 선택하면 비밀프로젝트를 할 수 있지만 매달 이용료를 내셔야 합니다. 그리고 그 밑에 Initialize this repository with a README라고 적힌 부분을 체크한 후에 초록색 버튼을 누르시면 됩니다. 위의 설정을 체크하시면 README.md라는 파일이 만들어지면서 저장소가 시작됩니다.

저장소가 만들어지면 README.md 파일이 보입니다.

README.md파일은 저장소에 있는 파일을 설명해주는 역할을 합니다. 

README.md에는 저장소의 이름과 설명란에 적었던 글들이 나타나 있는 것을 확인할 수 있습니다. 이제 저장소를 만들었으니 새로운 파일을 하나 더 추가해볼까요?

초록색 점선 안에 있는 create new file을 클릭해주세요.

해당 버튼을 누르면 저장소에 새 파일을 만들수 있는 페이지로 이동합니다. test.txt등의 이름을 지어주시고, 내용을 간단히채워주세요. 저는 단순히 텍스트 파일을 만들었지만 자바스크립트나 다른 언어로 된 파일을 만드셔도 상관없습니다.

밑으로 내리면 commit new file이라고 적힌 부분이 보입니다.

저장소에 달라진 부분에 대해서 설명해주는 칸이라고 이해하시면 됩니다. git commit이라는 명령어를 쳤을 때 나오는 vim에디터에서 추가된 부분이나 수정한 부분을 알려줄 때랑 똑같은 것입니다. 파일이름과 내용을 쓰시고 따로 커밋 부분을 채우시지 않으면 "create 파일명"이 기본적으로 채워집니다. 이제 파일이 만들어졌으니 로컬저장소로 가져와볼까요?

파일목록의 보시면 test.txt가 추가된 것을 확인할 수 있습니다.

초록색 버튼을 누르면 링크가 뜹니다. 해당 링크를 복사해주세요. 그리고 커맨드 창을 열어서 원격저장소에 있는 파일들을 저장할 곳으로 이동해주세요.

저는 dev 디렉토리로 이동했습니다.

git clone 복사한url을 해당 디렉토리에서 입력하면 원격 저장소에 있는 파일을 로컬 저장소로 복사해오는 것을 확인할 수 있습니다. 

ls -al은 디렉토리 내의 파일들을 보여줍니다.

"git clone 복사한url 새로운 디렉토리명"을 입력하면 새로운 디렉토리명으로 저장됩니다.

 

처음 갖고 오기가 힘들지 그 다음부터는 아주 쉽습니다. 우선 깃허브로 돌아가서 만들었던 저장소에 변화를 주세요.(새로운 파일을 추가하시나 기존 파일을 수정하셔도 됩니다.) 그 후에 다시 커맨드 창으로 돌아와서 파일들이 저장된 디렉토리로 이동해서 git pull이라는 명령어를 입력하시면 깃허브에서 변경되었던 것들이 로컬저장소에서도 변경됩니다. 

로컬 저장소에 있는 파일을 원격 저장소에 가져오기

이제는 로컬저장소에 있는 프로젝트를 github로 옮겨볼까요? 깃허브에서 새로운 저장소를 만들어주세요. 이번엔 Initialize this repository with a README라고 적혀있는 부분에 체크하지 말고 저장소를 만들어주시면 됩니다. 

체크표시를 하지 않았다면 해당 화면이 나타납니다.

점선 안에 있는 부분을 커맨드 창에 입력하기만 하면 됩니다. 그전에 일단 원격 저장소로 보낼 프로젝트를 만들어볼까요?

저는 pushtest라는 디렉토리를 만들고 그 안에 text2.txt라는 파일을 저장했습니다.

이제 해당 디렉토리에서 git init이라는 명령어를 실행하면 .git이라는 파일이 생기면서 깃이 실행됩니다. git add 파일명을 통해서 파일을 추적하고 git commit -m "커밋메시지 입력" 명령어를 실행해서 커밋을 추가해주세요. 그리고 깃허브에 있던 명령어를 복사해서 커맨드창에 입력하면 지역저장소에 있던 프로젝트가 깃허브에 올라간 것을 볼 수 있습니다. 

text2.txt 파일이 새로만든 원격 저장소에 저장되어 있는 것을 확인할 수 있습니다.

마지막으로 로컬저장소에 파일을 수정하고 난 뒤 깃허브로 보내보도록 하겠습니다. 저는 커맨드 창의 vim 에디터를 통해서 README.md 파일을 추가했습니다. 그리고 git add README.md, git commit -m "add README.md" 명령어들을 실행시켜 로컬 저장소에 저장했습니다. 

성공적으로 푸시되었으면 깃허브 홈페이지를 새로고침 하시면 README.md가 새로 추가되어 있는 것을 확인할 수 있습니다. 

진행과정에서 깃허브 로그인창이 뜨시면 로그인 하시면 됩니다.

포스팅이 엄청 길어졌습니다. 혹시 이해가 되지 않는 부분이 있으시면 댓글로 남겨주세요.

공감은 제작자에게 큰 힘이 됩니다.