[git & github] 01. 1) 깃헙 가입 및 설치 2) git 활용해서 1️⃣ pull 2️⃣ push 해보기 (feat. git, github, 형상 관리 도구)

 

git 활용해서 1️⃣ pull 2️⃣ push 해보기

 

1. git 이란

• 형상 관리 도구 중 하나
• 형상 관리 도구란 '버전 관리 시스템'
  ex) 버전 1, 버전 2, 등등
• 작업하면서, 작업의 리스트를 관리할 수 있다.

 

2. 주의할 점

• 작업을 망치지 않으려면, 무조건, pull -> push 순서로 해야 함. ⭐⭐⭐⭐⭐ (무조건 절대 원칙)
• git 은 굉장히 조심해서 다뤄야 함.

 

3. [명령어 요약] ⭐⭐⭐⭐⭐

[1️⃣ pull] 
1. '작업 하고자 하는 폴더' 와 'terminal 폴더' 일치 시키기

2. 깃 파일 만들기
git init 

3. 원격 저장소 연결 
git remote add origin https://github.com/JEONGDEOKJIN/230306.git


3.1 오류 발생 해결 
git remote remove origin
git remote add origin

4. pull 명령어 
git pull origin master


[2️⃣ push]
1. 폴더 일치 

2. staging 시키기 
git add 파일 이름 : ⭐⭐⭐ 띄어쓰기 중요
ex) $ git add ./ 0307_share3.html

git add . : 모든 파일 스테이징 ⭐⭐⭐띄어쓰기 중요


3. commit 작성 
git commit -m "메시지 내용 작성"

4. 원격 저장소 연결 
git remote add origin https://github.com/JEONGDEOKJIN/230307.git
git remote add origin https://github.com/jiwoog0/230307_share3.git

4.1 오류 발생 해결 
git remote remove origin
git remote add origin

5. push 명령어 
git push -u origin master
git push -u origin main

git push origin master ⭐⭐⭐ (이걸로)
git push origin main
cf. git branch 로 master 인지, main 인지 확인


[✅ 단축키]
cntrl ` : vscode 에서 터미널 열기 / git bash 열기 

[✅ 재설치 하게 될 경우, git 들어가기]
- 닉네임 설정 
git config --global user.name "JEONGDEOKJIN"

- 이메일 설정 
git config --global user.email "anotheryear.hm@gmail.com"

[📒 기타]
- 해당 폴더 삭제 
rm -rf .git/

- push 에 한번 문제가 생기면, pull 한번 해보고 다시 push 할 것 

 

 

4. [pull 작업] pull 을 해서 깃헙 레퍼지토리에서 작업 파일 가져오기

1. 폴더 일치 여부 확인

• [1.1] 작업하고 싶은 폴더를 내 컴터에서 정확히 확인하고 -> vscode 로 열어놓기
  • 

• [1.2] vs code git bash terminal 에서 cd 등을 활용해서 해당 터미널이 가리키는 곳이랑, 내가 작업하고 싶은 곳 이랑 동일하게 잡기
  • 

• [1.3] 폴더 이동할 때 활용할 수 있는 리눅스 (터미널) 명령어 모음 ⭐⭐⭐⭐⭐ #⭐️⭐️_즁요함_

- 해당 프로젝트 경로에서 `git init` 작성
- `cd ..` : cd 하고 - ⭐⭐한칸 띄고⭐⭐ - .. / 한 폴더 뒤로 이동 
- `ls -a` : 경로의 파일을 전부 보고 싶을 때 
- `cd 폴더명` : 해당 폴더로 경로 이동
- `tab`⭐⭐ : cd 앞 부분 폴더명 쓰고 기억 안나면 -> tab -> 나머지 자동 완성
- `화살표 윗 키` : 앞에서 쓴거 찾아서 쓰기 
- `rm -rf .git` ⭐⭐⭐⭐⭐ : git 파일 잘못 설치해서 지울 때 

• [CF.] 기타
  • git 파일 무분별하게 만들지 마 ⭐⭐⭐⭐⭐⭐
  • 

2. 1. 내가 작업하고자 하는 폴더에서 2) 터미널에서 git init 명령어 써서 3) git 파일 만들어

• [2.1] 내가 작업하고자 하는 폴더인지 확인
  • ls -a
  • cd
  • cd ..

 

- [2.2] 만약, git 파일이 잘못 설치되면? - git 파일은 숨김 파일이라, `ls -a` 로 확인하고 지워야 함 - 지울 때는 `rm -rf .git`
- [결과물] - 

3. 깃헙 원격 저장소랑 저장소 연결 하기

 

 

• [3.1] 원격 저장소 주소 가져오기
  • 

 

• [3.2] git remote add origin https://github.com/JEONGDEOKJIN/230307.git 연결해주는 코드 치기
  • 

4. pull 명령어 쳐서 받아오기

 

 

• [4.1] git pull origin master 명령어 치기

 

• [4.2] 그런데, master 가 아니라 main 으로 쳐야하는 경우도 있음.
  • 📛📛📛📛📛 아직 모르겠음.

- [결과물] 받아져 왔음 - 

 

5. [push] 작업한 후 push 해보기

1. 뭔가 변경하기

• html 파일, css 파일 이건, 뭐건, 상관없음.
• 

 

2. 그 다음에 stage changed 에 있는 + 버튼 누르기 -> 그러면, staging 된 것

• [2.1] staging 은, 실제로 올라가기 전에, 올릴 놈들을 다 모아두는 것. 같음.
  • 

 

• [2.2] + 누르면 -> 스테이징 됨
  • 뭔가 변경할 때 마다 + 버튼이 생김
  • 

• [2.3] 코드로 스테이징 하는 법 ⭐⭐⭐⭐⭐

git add 파일 이름
git add. : 모든 파일 스테이징

• 예시
  • 변경사항 중 저장하고 싶은 파일을 적어주면 됨

3. commit 내용 작성

• [3.1] 이 변경된 내용 전체가 어떤 작업을 의미하는지! 를 작성

• [3.2] 작성 후 -> 아이콘 클릭
  • 

• [3.3] 터미널에서 코드로도 커밋내용 올릴 수 있음.
  • 터미널에서 `git commit -m "메시지 내용 작성"
  • 

4. 원격 저장소 연결

• [4.1] 깃헙에서 원격 저장소 주소 가져오기
• 

 

• [4.2] git remote add origin https://github.com/JEONGDEOKJIN/230307.git 을 git bash 에 넣기
  • git remote add origin [깃헙 code 에서 가져온 주소]

 

 

• [4.3] 만약, error 가 나면, -> 지우고 -> 다시 연동
  • 4.3.1 error 메시지
    • error: remote origin already exists.
    • 
  • 4.3.2 기존 설치된 것 지우고 새롭게 연결
    • https://coding-factory.tistory.com/619 참고
    • git remote remove origin 으로 기존 원격 저장소와 연결된 것 끊어주기
    • git remote add origin [새롭게 연결할 깃 레파지토리 주소] 로 새롭게 연결

 

5. `push` 하기

- [5.1] push 명령어

- 원래 : `git push -u origin main`

- 나의 경우는 branch 이가 없다고 얼핏 그러셨던 것 같음

- 나의 경우 : `git push -u origin master` 로 입력 ⭐⭐

 

 

6. 올라간거 확인하기

- [6.1] `git graph` 익스텐션을 통해 다음과 같이 확인할 수 있음. - 

• [6.2] vs code 에서 git graph 익스텐션 설치해야 -> 이렇게 확인할 수 있음.
  • 

 

6. 완전 처음 git 부터 설치해야 하는 경우

1. 깃헙 가입 및 설치
   • https://github.com/
   • https://git-scm.com/download/win

 

2. 깃 사용자 설정

• git bash 를 열고 -> 아래의 정보를 기입

- 닉네임 설정 
git config --global user.name "JEONGDEOKJIN"

- 이메일 설정 
git config --global user.email "anotheryear.hm@gmail.com"

- 설정 된건지 조회 
git config --global --list

- ✅ 이건 내가 등록한 것
`git config --global user.name "JEONGDEOKJIN"`  
`git config --global user.email "anotheryear.hm@gmail.com"`

3. git bash graph 설치 - staging, commit 편하게 하기 위한 것
4. 그 다음엔, pull, push 과정을 진행하면 됨.

 

---

 

[트러블슈팅]

 

1. 1. 문제 상황 remote: Permission to jiwoog0/230307_share3.git denied to JEONGDEOKJIN.

2. 해결

• [2.1] 내가 초대 받은(공유받은) 레퍼지토리에서 'join' 을 눌러야 함.
  •  
  • 
  • 내가 올리는 것과, 공유주는 것이 동일했어야 함.

 

---

 

다른 사람이랑 같이 해보기

 

1. 내가 먼저 새롭게 공유할 폴더를 만들어야 함

• [1.1] share 이름으로 만들었음.
  • 

• [1.2] 해당 레퍼지 토리로 가서 -> settings -> access -> collaborators -> add people 추가
  • 

2. 내가 vs code 에서 작업 파일을 처음으로 push 하기

• [2.1] 연결하고 -> 올리기
  • 

3. push 한 이후, 들어와서, 수정할 수 있음.

• [3.1] 올라와있음
  • 
• ❓ 내가 받은 초대장은 어디서 모아보지?
• join 도 눌러야 함
  • 

---

사용자 명이 다를 경우

• 깃 관리하면서, 자리 이동했을 때, 사용자 명이 다를 경우
• 제어판 -> 사용자 계정 -> 자격증명관리자 -> 윈도우 자격증명 관리자 탭 -> github.com 탭 열고 -> 해당 탭 '제거!' ⭐⭐⭐⭐⭐ -> 다시 사용자 등록 하기 (이름 & 아이디)