Ver5. VisualStudioCode에서 Git 실행하기

Edwin·2023년 2월 9일

지옥에서 온 버전관리 매니저, git

목록 보기

5/5

본내용은 (생활코딩) 강의를 기반으로 한 요약정리입니다.
생활코딩 Git, VisureStudio

버전을 관리하는 것은 작업을 나아가는 가운데 발생된 버그를 찾기가 수월하게 됩니다. 그러나 의미있는 단위의 버전관리가 되기 위해서는 잘 기록되어 있어야 한다는 것이 전제이고, 또한 이전 버전으로 이동할 수 있는 운전능력이 있어야 할 것입니다.

VisualStudioCode에서 Git 실행하기

01 VisualStudioCode 설정

먼저, 오리지널 git이 설치되어 있어야 합니다. 이후에 vscode의 터미널에서 git를 명령하면 git이 정상적으로 실행되는 것을 볼 수 있다.

이미지에서 볼 수 있는 소스케어 부분으로 들어가자. 들어가서 리포지토리 초기화를 클릭하면, 저장소가 아래와 같이 생성된 것을 볼 수 있다.

그런데 우리 눈에는 git에 대한 정보가 저장될 폴더가 보이지 않는다. 어떻게 보여지게 할 수 있을까? 먼저 vscode의 기본설정으로 들어가서 exclude를 검색하여 git 항목을 제거해 준다.

이후에 폴더를 가면 .git폴더가 생성된 것을 볼 수 있게 된다. 버전관리의 추적이 되기 위해서는 workingTree에서 StageArea로 이동시켜야 하는데, 방법은 아래 이미지에서 볼 수 있는 + 버튼은 클릭하면 git add을 할 수 있게 되어, 파일들이 stageArea로 이동하게 된다.

그런데 오류가 발생했다. (Git: fatal:/Users)

이유는 간단하다. 경로 안에 한글이 존재하기 때문이다.

더하기(+)를 통해서 스테이징된 변경 사항의 부분으로 파일들이 이동한 것을 볼 수 있다. 이제는 커밋을 통해서 첫번째 버전을 생성할 수 있게 된 것이다.

위의 작업이 실행되지 않으면, 아래와 같이 설정해주어야 한다.

git에 설정된 사항 보기

git config --list

git에 기본 설정 입력하기(name, email)

git config --global user.name "sample"
git config --global user.email "sample@naver.com"

git log

버전에 기록된 git의 버전을 볼 수 있습니다. 여기서 HEAD가 생성되고 보통 master가 바로 지정된다. 이때 id값은 알고리즘으로 생성된 40글자가 기록된 것을 볼 수 있다. 내용을 수정하고 버전2를 생성해보자.

그리고 HEAD와 master가 버전2에 귀속된 것을 볼 수 있다.

vscode의 확장팩, git grapy

설치했다면, 하단의 버튼은 통화새 활성화 시킬 수 있다.

클릭하면, 익숙한 git의 화면이 등장하는 것을 볼 수 있다.

그리고 이 확장팩은 명령어가 아니라, GUI 환경에서 조작할 수 있는 편리함을 제공해 준다. 그리고 중요하게 볼 부분이 있는데, 파란색 동드라미는 HEAD를 가리킨다는 것이다.

디버깅의 버전관리

마이크로소프트, 디버깅
디버깅이란 다양한 것을 의미하지만, 기본적으로 코드에서 버그를 제거하는 것을 뜻한다. 이를 위해서 오타를 찾기 위해 코드를 검사하거나, 코드 분석기 등을 사용하요 디버그를 실행할 수 있다.

버전관리는 이러한 디버깅 작업을 유용하게 돕는 체계이다. 버그가 존재하지 않았던 이전 버전을 찾아가며, 버그가 발생한 부분에서부터 수정해 가는 것을 실시할 수 있다.

그렇다면, 버전을 특정한 버전으로 돌아갈 수 있어야 할 것이다. 간단하다. 체크아웃이다. HEAD를 옮길 수 있다. 해당 버전이 만들어진 위치로 이동하도록 이동하고, 해당 버전의 파일이 workingTree로 이동된다.

git checkout 이전버전commitId

위의 명령어로 이전 버전으로 돌아갈 수 있다. 버전2에서 추가한 내용이 삭제된 파일의 버전으로 돌아간 것이다.

Git Graph에서도 HEAD가 변경된 것을 볼 수 있다. 그러나 버전2가 사라진 것은 아니다. 단지 눈에만 보이지 않을 뿐이다.

git --all

명령어를 실행하면, 모든 버전의 목록을 볼 수 있고,

git log --all --oneline

위의 명령을 실행하면, 말 그대로 한 줄로 버전의 내용들을 확인할 수 있게 된다.

이 작업을 실행한 것은 디버깅을 하기 위함이었다. 과거의 버전에서 문제를 찾았다고 하자. 그러면 이제 현재로 돌아와서 코드를 수정하면 될 것이다. master (마지막버전)으로 나아가 이를 수행하면 될 것이다.

git checkout master

git chechout master의commitId

또 다른 방법이 있다. GUI환경에서 구동 중인, GitGraph에서 마우스를 작동함이다.

그러나 당부하고자 하는 말은, 시간여행은 나의 HEAD가 어디에 묶여있는지 알고 신중해야 한다는 것이다.

버전관리를 하는 이유?

작업을 부분부분 함으로 파일을 안전하게 보관하기 위함이다. 만약 작업한 파일이 수천개 일 때, 일목요연하게 볼 수 있다는 것은 매력적인 것이다.

소스케어에서 파일을 클릭하면 이번 버전과의 차이를 살펴볼 수 있다. M은 파일이 수정변경되었다는 것이다. 그런데 변경된 내용이 맘에 들지 않는다면 어떻게 하면 될까?

되돌리기 버튼을 통해서 마지막 버전으로 돌아갈 수 있다.

물론 기회를 한 번 더 제공해 준다. 여기까지가 vscode에서 git을 사용하는 것이다.

강의에 없는 내용 추가하기

그렇다면 원격저장소와의 연결은 어떻게 가능할까? 먼저 githup에서 새로운 저장소를 만들어줘야 할 것이다.

보아하니 여기서 가능한 것 같다. 그렇다면 push를 실행해 보자. 그런데 결국에 터미널에서 입력을 해야 해서 아래와 같이 실행했다. 일단 원격 저장소를 실행해주자.

git remote add https://github.com/userName/repositoryName

메인브랜치를 생성해주고, 해당 브랜치를 push해주자.

git branch -M main
git push -u origin main

여기서 branch -M main 브랜치를 생성하지 않았는데, main을 선언하니 error: 레퍼런스를 'https://github.com/userName/repositoryName'에 푸시하는데 실패했습니다. 오류가 발생되었다.

git push -u origin master

위와 같이 했으면 기록이 되었으려니? 모르겠다. 다음번에 시도해보자.

위의 사진은 vscode에서 확인한 부분이고, 아래 부분은 githup에서 확인한 부분이다.

02 push 상황에서의 오류, SSH-key

03 pull 협업하기

협업을 시작하면서, githup에 초대받았다. 이제 로컬저장소로 해당 버전을 가져오면 되는데, vscode에서 가장 간단한 방법은 시작창에서 git리포지토리 복제를 하면 간단하게 된다. 먼저 사전 조건이 있다면 빈폴더를 생성해주어야 한다는 점이다. 복사한 url을 기록하면, 어제의 상황에서 설정한 SSH-key에 대한 비밀번호를 입력하면 끝이다.