VsCode에서 Github 업로드하는 방법(initialize repository 안 뜸)

 

구글링하면 위에 뜨는 티스토리 포스팅이 안 되서 내가 보려고 다시 올리는 방법

 

1. git 설치

 

아래 주소에서 해당하는 운영체제의 파일을 다운로드  

https://git-scm.com/downloads

Git - Downloads

 

git 설정은 이대로 했어요

https://miaow-miaow.tistory.com/17

[VS Code] GitHub 연동 및 설정 (for Windows)

 

 

2. Git repository 생성하기 

본인 github에서 repository - New 생성

 

 

react-router-app으로 생성

repository 생성

 

 

3. VsCode 

git에 올릴 프로젝트 폴더 open

File - Open Folder (Ctrl+Shift+O)

 

 

4. Initialize Repository (기존에 git 연결해놨으면 안 뜨기도 함)

다른 프로젝트 업로드해놓은건데 그거랑 연결된건지 Initialize Repository가 뜨지 않았다

VsCode내 좌측 브랜치 모양 아이콘 클릭하면 뜬다 

Commit 화면만 뜸

commit 하지말고 다음 단계로 이동

 

 

5. git remote Repository 세팅해주기

1) github 2번에서 생성한 repository 주소를 복사해준다

 

2) VsCode내 Terminal을 켜준다

New Terminal 생성

 

3) Remote Setting 

: 작업 중인 파일을 github의 어떤 repository에 업로드할지 설정해주는 과정

> VsCode 터미널에 작업

 

git remote add origin Repository 주소를 입력해준다 

(git remote origin add repo주소는 되지 않음)

git remote add origin 'Repository 주소'

git remote add origin 명령어 실행

 

=> 아무일도 일어나지 않는다

 

4) Remote Setting 확인 - remote 세팅이 잘 되었는지 확인해보기

git remote -v

앞서 생성한 github repository 주소를 확인해볼 수 있다 

 

 

6. Commit 

1) commit 대상 선택하기

Staged Changes에 파일을 넣는다

 

빠진 파일이 있다면 Changes의 + 를 눌러 Staged Changes에 넣어준다

 

2) commit 진행

√ 표시를 눌러주기

Commit 클릭

 

3) COMMIT_EDITMSG

Commit을 눌러주면 .git > COMMIT_EDITMSG를 입력하라고 뜨는데

SPA(Single Page Application) commit이라고 입력해줬다 

 

√ Accept Commit Message

 

Save

commit은 완료

 

 

7. Push

commit한 파일을 github에 최종으로 업로드

> VsCode 터미널

git push origin master

git push origin master 실행

 

▷에러가 발생하는 경우 

error: src refspec master does not match any
error: failed to push some refs to 'https://github.com/주소.git'

 

☞ git branch 명령어를 써서 확인해본다

git branch

 

이 때 main으로 나온다면, master → main으로 바꿔 진행해준다

git push origin main

 

 

8. 확인

commit - push 완료된 화면