| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
- 무한스크롤
- EC2 is why EC2?
- GitClone
- stash
- 데코레이터
- cookie
- Arrays
- 영어 Frontend Article 읽고 요약하기 #6
- hub
- JWT기본원리
- github
- localStorage
- CSMA/CD
- ssh접속오류
- AWS 가입하기
- git stash
- 카카오로그인
- google font
- 네트워크
- css기초
- JavaScript
- HTML
- 개발블로그 만들기
- aws
- 소셜로그인
- sessionStorage
- Decorator
- @
- vscode
- 링크이동
- Today
- Total
바다는 비에 젖지 않는다
[Git | Github] vscode에서 git clone을 통해 github 협업하기 연습 본문
[Git | Github] vscode에서 git clone을 통해 github 협업하기 연습
Soroya 2022. 10. 20. 15:14Git Clone
vscode를 켜고 Clone Repository를 누른다.

위와 같이 주소를 입력하는 창이 뜬다.
clone하고싶은 Github주소를 가져온다.
저는 이전 포스트의 git_prac repo의 주소를가져왔습니다.

주소를 입력하면 local 저장소로 사용할 디렉토리를 지정해줍니다.

vscode에서 clone이 로딩되고 아래와 같이 안내가 뜨면 Open

아래와 같이 git_clone_prac/git_prac(remote repo이름 디렉토리가 생성됨) 경로에 github에 올려놓았던 text.txt를 local로 가져왔다.

terminal을 켜보면 github에서 가져온 git_prac을 현재 경로로 설정되서 켜졌다.
경로가 다르다면 remote repo에서 가져온 디렉토리로 이동해주자.

여기서 이제 이전 포스트에서 만들었던 repo를 통해 clone해온 repo와 스스로와 하는 협업을 해보겠다.

왼쪽이 이전 포스트에서 만들었던 git_prac repo 오른쪽이 clone해온 repo이다.
오른쪽의 origin/HEAD이 있는데 remote repo가 v2를 가리키고 있다는 뜻이다.
왼쪽을 office, 오른쪽을 home이라고 간주하고 연습을 해보자.
왼쪽에서 test.txt를 수정해주고 commit을 해준다.

이렇게 local은 office3가 생겼다.
remote가 local을 따라가기 위해 push를 해주자.

스크린샷을 못떳는데 push를해주면 git fetch를 주기적으로 할것이냐는 물음이 온다.
git fetch는 '마지막 pull 이후 원격 저장소 또는 브랜치에 적용된 변경 사항을 확인할 수 있다' 고 한다.
yes를 해도 상관없어 yes를 누르고 git log --oneline --all --graph 를 해보자.remote가 업데이트 되었다.
이제 home에서 office에서 작업한것을 불러와야 할 것이다.

home의 SOURCE:CONTROL에서 Pull을 해준다.
뒤에 보면 graph가 업데이트 된 것도 볼 수 있다.
현재 home의 main branch는 v2에 있는것을 볼 수 있다.

pull을 하면 office에서 한 업데이트 내용을 가져오게 되었다.
test.txt도 바뀐것을 볼 수 있다.
office -> github -> home 이렇게 github을 이용해 협업을 한 것이다.
home -> github -> office 반대방향의 작업도 해보자.

이렇게 test.txt에 home을 추가해주고 commit, push를 해준다.

home local과 remote모두 home4에 있게되고

office의 local repo의 Graph이고 Pull을 해주면

이렇게 home -> github -> office로 업데이트가 된것을 볼 수 있다.

도움 영상
- https://www.youtube.com/watch?v=m1Q9dXuD-O0&list=PLuHgQVnccGMD-XRW1zlqC7U2uCzOxyT8u&index=2
'IT Technical Note > Git | Github' 카테고리의 다른 글
| [Git] git stash (0) | 2022.10.31 |
|---|---|
| [Git | Github] Visual studio code에서 git 사용하기 (0) | 2022.10.20 |