리액트(VScode)와 GIT 연동

계리·2023년 10월 3일
0

업데이트 히스토리

  • 2023.10.05 - 이모지, 간다한 설명, 참조링크 추가

📒 깃 레포지토리는 생성 되어있는 상태이다.

먼저 GIT 설치가 잘되어 있는지 확인을 해본다
윈도우OS는 cmd창, 맥OS는 터미널 또는 VScode 터미널 창에서도 확인이 가능하다.


📌 GIT 설치 확인

✏️ 명령어

git --version


📌 GIT 초기화

✏️ 명령어

git -init

git init은 깃 레포지토리를 초기화 하여 프로젝트를 연동하고 프로젝트의 코드들을 저장하기 위한 준비 작업을 할 수 있게 해주는 명령어이다.

자세한 내용은 git init | Atlassian Git Tutorial 링크를 참조

✏️ 윈도우OS(cmd창), 맥OS(터미널) 경우

create-react-app 설치가 된 경로 설정 후 명령어 입력

✏️ VScode 경우

터미널 창 활성화 후 명령어 입력


📌 현재 리액트 폴더와 GIT과 연동되어 있는지 확인

✏️ 명령어

git remote -v

✏️ 연동된 주소가 있을 경우

origin <연동된 깃주소> (fetch)
origin <연동된 깃주소> (push)

✏️ 연동된 주소가 없을 경우

fatal: (현재 폴더 또는 상위 폴더 중 일부가) 깃 저장소가 아닙니다: .git

✏️ 연동된 주소가 없을 경우

git remote add origin <깃 주소>

✏️ GIT 연동 재확인

git remote -v


📌 깃 계정 설정

git config --global user.name "yourName" // 아무 이름이나 적어도 되지만, 깃허브 이름과 통일하는게 좋음
git config --global user.email "yourEmail@gmail.com" // 깃허브 이메일


📌 코드 추가 및 수정 후

✏️ GIT 스테이지에 추가하는 명령어

git add .

✏️ 커밋 명령어

git commit -m "입력할 메세지"

✏️ 푸쉬 명령어

git push origin master


참고

profile
gyery

0개의 댓글