[데브코스] Git과 Github으로 시작하는 버전관리(ft.주요 명령어)

LMS 시스템의 최고 장점! 주말에도 수강할 수 있다.

---

🔴Git이란 무엇인가?

Git은 프로그래머들의 필수 도구인 버전 관리 시스템이다. 우리가 문서를 작성할 때, "최종", "진짜최종", "진짜진짜최종"과 같은 파일명을 붙이는 것처럼, 프로그래밍 작업에서도 변경사항을 저장하고 관리할 필요가 있다. Git은 버전 관리를 체계적으로 할 수 있게 해주는 도구이다.

 

Git과 Github의 관계

Git와 Github은 컴퓨터와 클라우드 저장소 관계와 비슷하다. Git은 내 컴퓨터에서 직접 실행되는 버전 관리 시스템이고, Github은 이 Git으로 관리하는 프로젝트를 온라인 상에서 저장하고 공유할 수 있는 플랫폼이다.

 

팀 프로젝트 하는 경우를 생각해보자. 각자 컴퓨터에서 Git으로 작업을 하고, 이 작업물을 Github에 올린다. 그럼 다른 팀원들은 이 작업물을 자신의 컴퓨터로 내려받아 작업을 이어가고, 다시 변경사항을 업데이트 할 수 있다.

 

Git과 Github을 처음 접하면 같은거 아냐? 생각이 들 수도 있지만, 이 둘은 분명하게 다른 개념이다. Git은 내 컴퓨터에서 직접 실행되는 버전 관리 프로그램이고, Github은 Git으로 관리하는 프로그램을 온라인 상에 저장하고 공유하는 플랫폼이다.

Git은 로컬, Github은 온라인

 

Git은 어떻게 버전을 관리할까?

"진짜진짜최종" 방식의 버전 관리는 파일 용량의 비대화, 변경 사항 추적 불가 등의 단점이 있다. Git은 이런 문제를 해결하기 위해 다음 방식으로 버전을 관리한다.

 

웹 페이지를 만드는 상황을 가정해보자.

 

버전 1.0: 메인 페이지 배포
index.html 파일에 메인 페이지 스크립트를 작성하고, 배포를 한다. 이 시점에서 Git은 index.html의 현재 상태를 스냅샷으로 저장한다. 스냅샷은 고유한 해시값을 갖는다.

 

버전 1.1: 로그인 기능 추가
웹 사이트에 로그인 페이지를 추가를 했다. 기능 추가를 위해 새로운 파일이 추가되고, 기존 파일이 수정되었다. Git은 이전 버전과 현재 버전의 차이(diff)만을 저장한다. 변경된 부분만 새로 저장하고, 변경되지 않은 부분은 이전의 내용을 그대로 참조한다.

 

버전 1.2: 스타일 적용
버전 1.3: 댓글 기능 추가
.
.
.

이렇게 버전이 추가될 때마다, 스냅샷-차이점(diff) 기반 이동을 반복한다. 변경 사항을 되돌리고 싶으면, 스냅샷으로 저장할 때 생성된 고유 해시값을 사용하여 지정한 버전으로 돌아갈 수 있다.

 

Git 버전 관리 방식의 장점

• 용량 효율성: 변경된 부분만 저장
• 빠른 버전 전환: 차이점만 적용하면 끝
• 안정성: 각 버전이 독립적으로 보존
• 협업 용이: 여러 개발자가 동시에 다른 버전으로 작업 가능

---

🍎Git 시작하기 - 명령어

Git을 사용할 때 자주 사용하게 되는 명령어들을 정리해보았다.

 

디렉토리를 다루는 명령어

ls          # 현재 디렉토리의 파일/폴더 목록 표시
cd          # 디렉토리 이동
mkdir       # 새 디렉토리 생성

 

Git 필수 명령어

git init    # Git 저장소 초기화
git status  # 현재 저장소 상태 확인
git add     # 파일을 스테이징 영역에 추가
git commit  # 변경사항을 저장소에 기록
git log     # 커밋 히스토리 확인

 

CLI VS GUI

Git을 사용하는 방식에는 크게 두 가지가 있다. 명령를 입력하여 사용하는 CLI 방식과, 인터페이스로 조작하는 GUI 방식이다.

 

CLI는 익히는데 조금 시간이 걸린다. 명령어들을 직접 외워서 사용해야 하지만, 익숙해지면 빠르게 쓸 수 있다.
GUI는 시각적으로 변경사항을 확인할 수 있고, 버튼 조작으로 pull push fetch등 기능을 사용할 수 있어 용이하다. Github Desktop이나 Git Kraken 등이 대표적인 GUI 도구이다. 복잡한 branch 구조를 파악하거나, commit 히스토리를 확인할 때 유용하다.

CLI vs GUI

 

오늘 깃 사용 실습은 vscode에서 터미널을 사용하여 진행해보았다

 

Git 명령어 실습

• gitTest 폴더 생성
• gitTest 폴더로 이동
• gitTest 폴더 파일 확인(빈 폴더이므로 아무런 출력 없음)
• git 저장소 초기화 

• dakyung.txt 파일 내용 작성
• gitTest 폴더 파일 확인(dakyung.txt 파일을 생성했으므로 파일명이 출력됨)
• git 상태확인(git add를 하지 않았으므로 빨간생 경고 메시지 출력)

• dakyung.txt를 스테이징 영역에 추가
• 다시 git 상태 확인(파일을 스테이징 영역에 추가하였으므로, 초록색으로 파일 표시)
• 커밋 생성

• dakyung.txt 내용 수정
• git 상태 확인(내용을 수정하였으므로 다시 빨간색으로 이름 표시)
• 구체적인 변경 내용 확인

• 변경 사항 커밋
• 커밋 히스토리 확인
• 커밋 히스토리를 한 줄로 간단하게 확인

---

🧨유용한 VSCode Git Extension

Git History: 커밋 히스토리를 볼 때 유용한 VSCode 익스텐션

 

Git Graph: VSCode에서 커밋 로그를 그래프 형식으로 확인할 수 있는 익스텐션

 

Git Lens: Git 관련하여 엄청 많은 기능을 제공하는 익스텐션

누가, 무슨 코드를 어떻게, 언제 작성했는지 추적 가능