[github] github 와 프로젝트 연동하기 - 떽떽대는 개발공부

 

 

 

오늘부턴 react 로 공부하는 프로젝트를 github 에 연동하여 관리 해보려고 한다.

먼저, github 에 로그인 하여 Repositories 페이지로 이동한다.

초록색 New 버튼을 눌러 새로운 프로젝트를 생성한다.

Repository name 에 프로젝트 명을 넣어준다.

이것은 연습용 프로젝트 이기 때문에 나는 Private 로 체크했다.

프로젝트명은 study1_reactBoard 로 지정 해주었다.

그리고 프로젝트를 관리할 branch 를 나누어 줄 것이다.

프로젝트 페이지에 들어가서 main 이라고 기본 설정된 branch 를 클릭하고 Find or create a branch 란에 지정할 branch 명을 입력하여 branch 를 생성해준다.

나는 study 라고 기재 할것이다.

study 라는 branch 를 생성하고 Settings 에 가서 default branch 를 study 로 변경 해주었다.

그럼 이제 github 에는 2개의 branch 가 있다.( main / study )

이제 vs code 를 실행해준다.

나는 Git Bash 를 이용하여 git 에 연동 해주도록 하겠다.

먼저 cmd 의 기본적인 명령어는 아래와 같다.

• 화면 초기화 : Ctrl + L
• 한 행의 처음과 끝 : Ctrl + A, Ctrl + E
• 목록 보기 : ls 또는 dir
• 파일의 내용 보기 : cat
• 특정 문자를 검색 : grep
• 디렉터리로 이동 : cd
• 파일 삭제 : rm
• 파일 생성 : touch

 

먼저 git config 를 해주자. 이 작업은 최초로 1번만 하면 이 후 작업은 안해줘도 된다.

<!-- git commit에 사용될 username -->
git config --global user.name "your_name"
 
<!-- git commit에 사용될 email -->
git config --global user.email "your_email@example.com"
 
<!-- 설정한 내용을 확인할 수 있다. -->
git config --list

 

이제 프로그램에서 git 을 사용할 수 있도록 설정 해준다.

<!-- 로컬저장소로 설정할 프로젝트 위치로 이동 -->
cd project_path

<!-- 로컬저장소로 사용할 폴더 생성 -->
mkdir reactBoard

<!-- 생성된 폴더로 이동 -->
cd reactBoard

<!-- 로컬저장소로 설정 -->
git init

<!-- init 취소하고 싶을 때 -->
rm -r .git

 

vs code 에 git 이 init 되었다면 이제 github 의 내 프로젝트와 연결 시켜준다.

<!-- origin 이라는 이름으로 프로젝트를 불러온다. -->
git remote add origin https://github.com/github_id/study1_reactBoard.git

 

origin 이라는 이름으로 잘 불러왔는 지 확인한다.

git remote -v

github 의 프로젝트를 받아온다. 

git pull origin

브랜치 두개가 나타나는데 이 중 나는 study branch 를 사용할 것이다.

<!-- study branch 선택 -->
git checkout study

 

이렇게 하면 github 에 있는 프로젝트를 vs code 에서 연결이 완료 되었다.

이제 프로젝트에 아래의 지난 글을 이용하여 기본 react app 을 생성 해주었다.

ddeck.tistory.com/16

[React] React webpack 을 이용하여 개발 환경 구성하기 - 떽떽대는 개발공부

 

저장된 기본 프로젝트를 git 에 push 해보자.

****module 을 모두 git 에 추가하게 되면 용량이 엄~~청 나므로 node_modules 폴더랑 package-lock.json 은 삭제하고 올린다****

****어차피 pull 받고 npm install 하면 모듈은 알아서 다시 설치된다****

**** ddeck.tistory.com/37 <- 이 글에서 백업 파일 무시하는 법을 포스팅 하였다 ****

<!-- 변경된 모든 사항을 추가한다. -->
git add .

<!-- 추가된 사항들은 메세지와 함께 커밋한다. -->
git commit -m "init project"

<!-- git 에 push 해준다. -->
<!-- git push origin -->

push 가 완료 되었다.