코딩할 때 히스토리를 관리하는 git과 vscode를 활용하는 방법을 AI에게 물어보았다.

나는 git이 프로그래밍을 할때 쓰인다는 것은 알았지만 어떻게 사용하는지 제대로 알지 못했다. 그래서 알아봐야겠다고 생각만해오다가 chatgpt에게 한번 작정하고 물어봤다. 그 답변을 정리하여 기록해둔다.

처음 Git과 VS Code를 함께 써보려는 사람에게는 ‘이게 뭔가 대단히 어려운 걸 해야 하나’ 싶은 막연함이 있다. 하지만 확장 프로그램 없이도, 이 둘만으로 로컬 작업부터 GitHub 백업까지는 충분히 할 수 있다. 이 글은 가장 최소한의 흐름을 중심으로 구성되어 있다.

Git과 VS Code, 환경 준비부터

가장 먼저 해야 할 일은 Git 설치다. 공식 사이트에서 운영체제에 맞는 Git을 설치한 뒤, 터미널(명령 프롬프트)에서 git --version을 실행해 정상 설치 여부를 확인하자.

VS Code도 최신 버전이어야 한다. 좌측 사이드바에 Ⓜ 모양 Source Control 아이콘이 있어야 하며, 없다면 확장 기능이 꺼져 있거나 오래된 버전일 수 있다.

1단계. 폴더를 Git 리포지터리로 만들기

작업할 폴더를 열고, VS Code에서 사이드바 Source Control 탭에서 Initialize Repository를 클릭하면 된다. 터미널을 쓸 경우엔 해당 디렉터리에서 git init을 입력하면 된다.

초기화 후에는 숨김 폴더로 .git/이 생기며, VS Code 하단에도 브랜치 이름(main)이 표시된다.

2단계. 코드 수정 후 커밋까지

코드를 수정하고 저장하면, Source Control 탭에 수정된 파일들이 파란 M 또는 초록 U 아이콘과 함께 표시된다.
파일 우측 + 아이콘으로 스테이지하거나, 전체를 한 번에 (+) Stage All을 눌러도 된다. CLI에서는 git add . 명령어와 동일하다.
그 다음, 커밋 메시지를 작성하고 Ctrl+Enter로 커밋하거나, git commit -m "feat: 메시지" 명령을 입력한다.

커밋 후 파일 옆 아이콘이 회색 체크(✔)로 바뀐다.

3단계. 변경 이력과 비교 확인

최근 작업을 되돌아보거나 변경 전후 차이를 보려면, 파일을 열고 좌측 상단 타임머신 아이콘을 클릭하거나 터미널에서 git diff HEAD~1을 입력하면 된다. 전체 커밋 히스토리는 CLI의 git log --oneline --graph 명령이 유용하다.

4단계. 브랜치 활용

새 브랜치를 만들어 실험하고 싶다면, 좌측 하단 ‘main’ 표시를 클릭하고 Create new branch를 선택한다. CLI에서는 git checkout -b feature/header처럼 입력한다.

기존 브랜치로 전환하려면 같은 드롭다운 메뉴에서 선택하거나 git switch main을 쓰면 된다.

5단계. 커밋 수정과 되돌리기

수정만 취소: 파일 우클릭 → Discard Changes 또는 git checkout -- filename
최근 커밋 메시지 수정: Source Control의 … 메뉴 → Amend Commit 또는 git commit --amend -m "수정 메시지"
커밋 자체 되돌리기: 히스토리 뷰에서 우클릭 → Revert Commit 또는 git revert 커밋해시

6단계. 원격 저장소(GitHub) 연결

GitHub에 빈 리포를 만들고 HTTPS URL을 복사한다. VS Code 터미널에서 아래 명령을 실행한다:

git remote add origin https://github.com/사용자명/저장소명.git
git branch -M main
git push -u origin main

첫 push 시 GitHub 로그인 또는 PAT 토큰 입력창이 뜬다. 이후부터는 git push 혹은 VS Code의 Push 버튼만 누르면 자동으로 백업된다.

7단계. 원격 변경 사항 가져오기

pull: VS Code Source Control에서 Pull 또는 CLI의 git pull
clone: 새 프로젝트 시작 시 git clone 리포URL 또는 VS Code의 Clone Repository

CLI 기준 최소 기억 명령 5개

git init
git add .
git commit -m ""
git checkout -b 새브랜치
git push -u origin main

실전 루틴 요약

코드 작성
git add . → git commit -m "메시지" 또는 VS Code에서 동일 작업
필요 시 git push로 GitHub에 백업
브랜치 나눠서 실험하고, pull request 또는 merge로 통합

이 기본기를 익혀두면 나중에 확장 프로그램을 설치하더라도 Git 자체 사용 방식은 바뀌지 않는다. VS Code가 보여주는 시각화된 diff, 자동 커밋 제안, GitLens 같은 도구들도 결국 이 기초 위에 얹혀진다는 걸 이해하는 데 도움이 된다.

잘 모르겠어서 좀더 자세히 물어봤다.

코드 수정이 잘못되었을 때 다시 되돌리는 문제를 Git은 어떻게 해결했나?

목차