깃허브 연동

졸업프로젝트로 만들었던 TMI 어플을 개인적으로 좀 바꾸고 더 개발해보기로 했다.

 

그러기 위해 이제까지 내가 리액트로 만든 프론트엔드를 TMI 폴더를 만들어서 옮겨왔다. build와 node_module 파일은 제외하고 옮겼다.

이제 이 파일을 깃허브에 레포지토리를 만들어서 연동해볼 것이다.

 

깃허브 페이지 오른쪽 상단에서 위의 메뉴로 들어가서 New 버튼을 눌러 새 레포지토리를 생성할 수 있다.

나는 아래와 같이 설정했고 README file도 일단 만들도록 설정했다.

다하고 맨 밑의 Create Repository 버튼을 클릭하면 아래와 같이 레포지토리가 만들어진 것을 확인할 수 있다.

이제 로컬저장소의 폴더를 깃허브의 원격저장소와 연동해보자.

나는 VSCode에서 Git Bash 터미널을 이용해서 주로 작업하므로 이번에도 그렇게 해볼 예정이다. 

VSCode에서 연동할 폴더를 열고 Git Bash 터미널을 열어준다.

그리고 다음의 명령어들 입력하면 된다.

1. git 초기화

git init

2. 모든 파일을 stage에 올리기

git add .

 

3. commit

git commit -m "커밋할 메세지"

4. 원격저장소와 연결

git remote add origin 원격저장소URL

5. stage에 올린 파일들 최초 push

git push -u origin 브랜치이름

 

나는 master 브랜치로 push를 했고 깃허브 페이지에 들어가서 커밋을 확인해보면 master 브랜치로 잘 push된 걸 확인할 수 있다!