본문 바로가기

협업툴/git(hub)

[git/git hub] 비주얼 스튜디오 코드로 다루는 깃과 깃허브

728x90
반응형

1. 저장소 만들기

◎ 새 폴더 만들고 작업 폴더 추가하기
   ▷ VS Code에서 버전 관리 연습을 위해 'project' 새 폴더를 만듭니다.
   ▷ VS Code를 실행한 후 'project' 폴더를 열어줍니다.

 

◎ 저장소 초기화하기
   ▷ VS Code에서 버전 관리 관련 명령은 왼쪽 사이드바 소스 제어(위에서 세번째)를 클릭합니다.
   ▷ [리포지토리 초기화]를 수행하면 해당 폴더에 .git 이라는 숨김 폴더를 확인할 수 있습니다.
   ▷ VS Code 맨 아래 왼쪽의 상태 표시줄에는 main 브랜치가 있습니다.
       ▶ 지역 저장소가 만들어졌고 현재 main 브랜치에 있다는 뜻입니다.

 

◎ 깃 설정하기
   ▷ [터미널] → [새 터미널] 또는 [Control + Shift + `](윈도우) 또는 [Control + Shift + \](맥)을 눌러서 터미널 창을 엽니다.
   ▷ 터미널 창에서 아래와 같이 입력합니다.
      ▶ git config --global user.name "사용자 이름"
      ▶ git config --global user.email "이메일 주소"
         └ 저장소마다 다른 계정을 사용한다면 다음 소스에서 --global을 빼고 입력합니다.

 

◎ 파일 만들기
   ▷ 탐색기 창에서 [project] 폴더에서 새 파일을 클릭해 'work1.txt' 파일을 만들어줍니다.
   ▷ 해당 파일을 편집하고 저장하면 소스 제어에서 수정사항이 생깁니다.

   ▷  소스 제어 창에서 아래와 같이 나타나고 +를 누르면 스테이징됩니다.

   ▷  스테이징 된 것을 - 누르면 다시 작업 트리로 옮겨집니다.

   ▷  여기서 v 표시를 누르거나 commit 버튼을 누르면 커밋이 되면서 아래와 같은 상태로 되돌아옵니다.


   ▷  두 개의 파일을 생성해도 각각 스테이징 시킨 후 동시에 커밋할 수 있습니다.
   ▷  깃과 동일하게 이미 커밋된 파일을 수정하면 스테이징 없이 커밋할 수 있습니다.
   ▷  파일을 수정하고 소스 제어창으로 가서 해당 파일을 선택하면 변경 사항이 나타납니다.

 

◎ 커밋된 것 확인하기
   ▷ VS Code에서 터미널 창을 열어 git log를 하면 커밋된 것이 나타납니다.
   ▷ 또한, 제가 생성한 project 폴더를 열어 마우스 오른쪽 → 더 많은 옵션 표시 → git bash here → 해당 프로젝트 파일 디렉터리에서 작업이 가능합니다.




 

2. 깃 허브에 연결하기

◎ 원격 저장소 연결
   ▷ 먼저 깃허브에 원격 저장소를 만듭니다.
   ▷ 연결을 위해 소스 제어 창을 열어 [...]을 클릭한 뒤 [원격(remote)] → [원격 추가(add remote)]를 합니다.
      ▶ 입력창에 만들어 놓은 원격 저장소의 주소를 넣습니다.
      ▶ 저장소의 이름을 입력하면 다시 주소를 적을 필요 없이 이름을 사용해 저장소를 구별할 수 있습니다.
      ▶ 원격 저장소에 연결되면 정기적으로 fetch할 것인지 묻는 알림 창이 나옵니다.
          └ 중요한 프로젝트면 [yes], 자주 fetch할 필요가 없다면 [no] 선택

◎ 원격 저장소로 푸시
   ▷ 소스 제어 창에서 [...]을 클릭해서 [풀, 푸시] → [다음으로 푸시]를 선택합니다.
   ▷ 원격 저장소에 연결되어 있으면 지역 저장소에 있던 파일들이 깃허브로 바로 푸시됩니다.

 

 

3. 새로운 브랜치 만들기

◎ 원격 저장소 연결
   ▷  [...]을 클릭한 뒤 [분기] → [분기 만들기]를 한 후 새로운 브랜치 이름을 입력하면 해당 브랜치로 전환됩니다.
   ▷ 새로 생성한 후 publish branch를 해야 깃허브에 공유됩니다.

◎ 왼쪽 아래의 부분을 클릭해 브랜치를 변경할 수 있습니다.
◎ 브랜치 병합하기 : [...]을 클릭한 뒤 [분기] → [분기 병합] → 병합할 브랜치 선택 → 브랜치 변경해서 확인

 

VS Code에서도 깃과 깃허브를 동일하게 다룰 수 있으니 사용하면 좋을 것 같아요!

 

다른 프로그램들도 연결되는지 확인해봐야겠네요!!

 

많은 분들의 피드백은 언제나 환영합니다! 많은 댓글 부탁드려요~~

 

 

 

728x90
반응형