📒VSCode & Github

22/07/31

홈페이지 하나쯤은 클론 하려고 합니다.

일단 공부한 것 날짜별로 정리!

╰(°▽°)╯

저는 Window OS입니다.

---

1. Visual studio code

생활코딩 유튜브를 보면서 따라 설치를 했습니다.

설명을 매우 자세히 해주시고 팁도 알려주셔서 설치는 어려움 없이 했으나

git 허브와 연동하는 것에서 살짝 애를 먹었습니다.

2. Github

사전 작업

1) github 가입
2) git 환경 다운로드
3) git bash setting

$ git config --global user.name "나의 이름"

$ git config --global user.email "git 가입시 사용한 email"

$ git config --list **//이름과 이메일이 잘 물렸는지 check!**

　　　　　　

3.Visual Studio Code와 Github의 동기화 작업

VScode로 만든 Code를 Git Repository에 올리기 위해 VSCode 터미널의 bash를 켜줍니다.

$git init //해당 작업 폴더 내에 초기화 한 .git 폴더 생성.

$git add . //내가 작성한 코드 전부 추가하겠음. 파일을 개별로 올리고 싶다면 git add "추가하려는 파일명"

$git commit -m "history_name" //히스토리 이름을 지정해 줍시다.

$git remote add origin {git repository code url} //깃 repo와 연동

작업한 code를 git repository에 저장하기 위해 터미널을 만지작 거렸을 때 오류가 생겨났습니다.

❗️

error : does not have a commit checked out

해당 오류는 commit해서 저장할 파일이 없다는 오류로 git init을 했는데도 또 init을 해주었을때 생기는 현상입니다.

아주 간단하게 해결할 수 있어요.

✔️해결 방안

• git Repository에 올릴 파일 위치로 가서 '숨김파일'을 보이게 한 후 해당 파일 외에 .git이 떠돌아 다니는 것들이 보이면 전부 삭제 해주시면 됩니다.

  저는 처음에 이것저것 좀 많이 만지작 거려서 이런 오류가 생겨났지만, 정석대로 하면 괜찮아요!

자 그럼 다시 VSCode와 Github의 동기화 작업 시작

$ git add . 

$ git status //상태 확인

$ git commit -m "히스토리 이름" //히스토리 생성

$ git remote add origin {연결할 git repository code url 복사 붙여넣기}

>$ git remote -v //연결 상태 확인

>$ git push origin master //git repository에 저장!

$ git push origin master

❗️ push 오류 발생

error: failed to push some refs to 'https://github.com/HASHNSALT/HASHNSALT.github.io.git'

로컬 폴더와 remote 된 git repo의 내용이 일치하지 않아서 생긴 오류 입니다.

✔️해결 방안

• git pull을 해줍시다.

• 정석 : pull -> merge -> push

$ git pull origin master

❗️ but

오류가 또 생겨났네요??

fatal: couldn't find remote ref master

이건 github에서 기본 생성한 branch와 입력한 이름이 달라서 생기는 현상입니다.

✔️해결 방안1

• Repository branch page의 펜 좌측 펜 모양 이아콘 클릭해서 변경. (추천)

제 경우는 branch가 main 이라는 이름으로 잡혀 있었습니다.
그래서 master로 아무리 올려도 올려지지 않았던 것. main을 master로 변경해 주니 오류 해결.

✔️해결 방안2

• 직접 터미널에서 branch 를 생성.(하지만 이 방법은 다시 git clone을 해주어야 할 수도 있어서 번거롭..)

  	$ git pull origing branch master
  
  	$ git push origin master

  
  

Clear😚

---

VSCode를 이용한 Github의 간단한 사용법 이었습니다!

다음 Post는 Github로 개인 블로그를 만들어 보겠습니다.