고양이와 코딩

[웹 풀사이클 데브코스 TIL] 1주차 Day 5 - Git 브랜치 전략 기반의 협업 워크 플로우 본문

데브코스 TIL

[웹 풀사이클 데브코스 TIL] 1주차 Day 5 - Git 브랜치 전략 기반의 협업 워크 플로우

ovovvvvv 2023. 11. 17. 16:39
728x90

조금 늦은,, TIL 작성 시작 할 거예요

시작 ☃️

 

1. 토큰 생성

 깃허브 프로필 -> Settings -> Developer settings

 

Personal access tokens (Tokens(classic)) -> Generate new token (classic)

 

레포 선택 범위 체크하기

저는 { repo, workflow, write:packages, delete_repo, project } 선택했어요 

이렇게 하면 성공적으로 토큰을 발급받을 수 있습니다 ㅎㅎ

 

2. 기존 깃허브 레포지토리를 로컬로 받아오기 

git clone 원격저장소 URL

명령어를 입력하면

 

이렇게 받아와집니당

 

✨짜잔

 

3.  pull 하다 안되어서 git remote remove origin 

더보기

수정된 코드 올리기                                                                                                                              수정된 코드 받아오기

git add                                                                                                                                               git pull

git commit                                      →                                   Github                                 →               

git push 

뭔가 클론이 하위폴더에 잘못 되어있는 것 같아요 !!

이럴 경우 git remote -v 를 사용해서 연결이 잘 되어있는지부터 확인합니다

 

cd 디렉터리명

으로 하위 폴더로 이동합니다

레포 연결을 잘못한 경우(?)

git remote remove origin

명령어를 사용해서 연결을 해제하고 재연결 할 거예요

git init
git remote origin https://github.com/ovovvvvv/FirstRepository

하면? 다시 하위폴더가 생깁니다... 

 

 

4. GUI로 clone 하면 사실 맞게 했다는 걸 알게됨

vscode에서 새 창을 열어서 다시 시작합니다

Git 리포지토리 복제, 리포지토리 복제 둘 중 하나를 선택하면 되어요

github 로그인 후 폴더 열고 기존에 만들어 놓았던 GitTestClone폴더를 리포지토리 대상으로 선택해요

 

이렇게 했더니 FirstRepository가 메인 프로젝트 이름이 되고, test.txt 파일도 두 번째 커밋때로 나옵니다 ㅎㅎ

(그렇다고 GitTestClone 폴더가 사라진게 아닙니다 ! )

 

FirstRepository를 포커싱 해서 연결한 차이밖에 없습니다 👾

두 방법 다 잘못된 방법이 아닙니다 (CLI, GUI 방법) 

그냥 해당 폴더로 이동해서 작업해주면 될 것 같아요 ~ cd 폴더명 ...

 

4. 깃허브에 올린 프로젝트 내려받기

먼저 test.txt파일을 또 바꿔서 커밋하고 푸시합니다 .. ( 내용 변경)

그리고 다른 창에 띄운 vscode에서

git pull origin main

으로 내려받아보아요

성공 😺

 

더보기

내용 수정 → 커밋 → 푸시 → 습관적 log 확인 
→ log 확인 

 

5. 거꾸로 업로드하고 내려받기

이번엔 pull 했던 파일에서 커밋 푸시 후 다른 창에서 pull 해봅니다 !

 

성공 ✨

 

6. 브랜치란?

- 프로젝트를 따로따로 복사해서 기능별로 분류를 하는것이라 할 수 있다.

브랜치1 에서는 로그인 관련 기능 커밋

브랜치2 에서는 레이아웃 변경시 커밋

브랜치3 에서는 차트 관련 기능 커밋 ... 등

후에 main 브랜치로 merge해서 합쳐준다 !

 

브랜치를 사용하면 여러 명이 함께 개발하는 "병렬 개발" 시 유용하고 "버전 관리" 를 효과적으로 할 수 있다.

 

7.  브랜치 실습

git branch

현재 작업공간에 어떤 브랜치가 있는지 확인하는 명령어

git checkout dev

dev 브랜치로 이동하겠다

git branch dev

dev 브랜치 생성

생겼다!!

git checkout dev

dev 브랜치로 옮겨왔다 ㅎㅎ

 

브랜치 왔다리 갔다리

git checkout -

-을 사용하면 이전에 있던 브랜치로 이동한다.