본문 바로가기

Git

[Git] 리액트 프로젝트 깃허브 Repository에 올리기

안녕하세요 오랜만에 왔네요 : )

 

오늘은 리액트 프로젝트를 Git Bash를 이용해서 깃허브에 올려보겠습니다.

 

먼저 create-react-app 으로 만든 리액트 프로젝트가 필요합니다.

 

프로젝트 폴더가 생성되면

 

 

우클릭 후 Open Git Bash here를 클릭합니다.

 

Git Bash

 

그러면 이렇게 Git Bash 터미널 창이 뜹니다.

 

경로는 프로젝트 폴더로 지정되어 있습니다.

 

다음은 올리기 위해 수행해야 할 단계입니다.

 

1. 명령어란에 git init을 쳐줍니다.

 

- git init은 내 프로젝트를 git에 등록하는 과정입니다.

 

2.  git add  .  을 입력해줍니다.

 

- git에 등록하여 commit 상태로 만들어줍니다.

 

3. git commit -m "first commit" 을 입력해 줍니다.

 

- 커밋이 가능한 파일들의 변경 사항을 저장하는 명령어입니다.

 

4. git hub에 repositiory를 생성해줍니다.

 

Git Hub

 

- New버튼을 눌러 레포지토리를 하나 만들어 줍니다.

 

이때 상태는 public으로 바꿔줘야 함에 유의합니다.

 

5. git branch -M main

 

- git branch를 main으로 바꿔줍니다.

 

master라는 단어가 slave와 같이 인종 차별의 느낌을 줄 수 있어서 main으로 쓰는 추세라고 합니다.

 

6. git remote add origin https://~(레포지토리 주소)

 

 

 

 

레포지토리에 Code버튼을 누르면 레포지토리 주소가 나옵니다.

 

이 주소를 origin 뒤에 붙여줍니다.

 

git remote add origin은 init 명령어를 통해 로컬 저장소로 변환한 폴더를

 

github에서 원격으로 관리할 수 있도록 해줍니다.

 

따라서 원격 저장소와 로컬 저장소가 연결됩니다.

 

7. git push origin main

 

- commit된 사항을 저장소에 업로드 해줍니다.

 

이렇게 하면

 

 

 

요렇게 프로젝트에 있는 파일들이 업로드 됩니다.

 

git이 저에게는 어렵고 번거롭게 느껴지지만

 

팀 프로젝트에서는 피할 수 없는 툴이기 때문에 자주 사용할 것 같습니다.

 

읽어 주셔서 감사합니다!