Git Clone 생성 및 다른 환경에서 개발 및 commit 예제

오늘은 Github 에 등록한 프로젝트를 다른환경에서 개발하기 위하여 Clone 을 만드는 예제를 진행해보겠다.

 

Vue.js 예제를 만들어보고 있는데 그 프로젝트를 예로 가져와보겠다.

현재 상태는 프로젝트 생성과 예제 코드작성이 각각 다른 환경에서 이루어진 상태이다.

 

이제 기존 프로젝트의 Clone 을 생성하여 예제 코드를 추가하여 commit 까지 해보겠다.

 

 

먼저 Github 에서 프로젝트를 살펴보자.

 

해당 프로젝트는 다른환경의 로컬에서 작업 후 commit 까지 완료한 프로젝트이다.

먼저 Clone 을 만들어서 로컬에 내려보자.

 

 

로컬 git 이나 svn 을 사용하면 아래 URL을 사용하라고 나와있다.

 

 

우선 clone 생성 명령어부터 알아보자.

익숙하지 않다면 해당 문서를 읽는게 쉽지 않지만 가장 아래로 가면 예제가 있다.

 

 

예제를 보고 따라해보자.

 

git clone URL

명령어를 실행하면 해당 폴더에 프로젝트가 생성되고 cloning 이 완료된 것을 확인할 수 있다.

 

이제 이전포스팅에서 작성했던 vue.js 기본 예제를 해당 폴더에 넣어주자.

 

상태를 체크하기위해 저번에 했던 것처럼 status 를 확인.

git status

 

2개의 파일이 추가되었지만 untracked files 라고 한다.

hint로 나온 것 처럼 git add 를 해주자.

git add main.js / git add index.html

 

변경된 모든 것을 추가하려면 아래명령어를 실행.

git add .

 

변경점을 add 한 뒤 status 를 한번 더 확인해주자.

 

힌트에나온 내용은 해당 파일을 제외하기 위한 restore 명령어에 대한 힌트이다.

우리는 상관없으니 넘어간다.

 

 

우선 완료된 사항을 로컬 git 에 commit 해주고 어떤 작업을 했는지 코멘트를 달아준다.

git commit -m "massage"

 

다음으로 github 과 연결되어 있는지 확인

git remote -v

 

이제 github 으로 올릴 준비가 다 되었다.

git push

 

 

github 페이지에서 push 된 항목들이 보이면 성공.

 

이번 포스팅에서는 github 페이지에 내용을 다른 환경에서 Clone 을 만들고

해당 Clone 에서 작업 후 github 에 push 하는 것 까지 해보았다.

 

다음에는 branch 를 나눠서 관리하는 방법에 대해 준비해보겠다.