Devops-Git-02-저장(add, commit, diff)

SeungWoo Yoo ·2023년 2월 7일

DevOps-Git-코딩애플Git

목록 보기

2/11

1. 작업폴더에서 git 사용

git init # git이 여러분이 파일생성하는거, 코드작성하는걸 추적하기 시작

git의 commit 기능을 쓰면 쓰면 파일의 현재상태를 매일매일 기록해둘 수 있습니다.
정확히 말하면 파일의 스냅샷을 저장해줍니다.

2. git add, commit

VSCode에서 app.txt 파일을 생성해서 대충 코드짭니다. 작성한 코드가 맘에 들어서 따로 기록을 해두고 싶으면,

# app.txt -------------------
aaaaaaaaaaaaa

git을 이용해서 해당 파일 현재상태를 기록하려면,

# 파일의 현재상태를 기록
# git add 파일명
# git commit -m '아무메세지'

git add app.txt 
git commit -m '첫 파일 만듬'

이제부터 이 파일상태 그대로 되돌리거나 그럴 수 있고 나중에 파일변경 히스토리가 궁금하면 열람할 수도 있습니다.
"기록"이라기보다는 "버전생성"이라고 부르는 경우가 많습니다.

2.1 staging area & repository

버전만들 땐 (1) git add, (2) git commit 순서대로 하면 됩니다. 그림을 그려보면,

git_2_1

staging area
- commit을 하기 전에 commit할 파일들을 골라놓는 곳
- staging area에 파일넣는 행위를 staging이라고 함
- git add 명령어로 staging 할 수 있음
repository(저장소)
- commit된 파일의 버전들을 모아놓는 곳
- repository의 실체를 구경하고 싶으면 작업폴더안에 숨겨져 있는 .git 폴더 열어보면 됨

2.2 명령어 정리

이렇게 여러 파일을 동시에 스테이징할 수 있습니다.

git add 파일명1 파일명2 # 여러 파일을 동시에 스테이징
git add . # 작업폴더의 모든 파일을 전부 스테이징

# 요즘 젊은이들은 인생이 힘들고 복잡할 때 "상태창!!"을 외치는데,
# git도 마찬가지로 힘들고 복잡할 때 상태창을 띄울 수 있음 
# git status : 지금 뭐 하는지 까먹었을 때도 자주 입력
git status # 지금 변경된 파일, 스테이징된 파일 이런걸 쭉 알려줌

git restore --staged 파일명 # 스테이징된 파일을 취소

# commit 할 때 -m 뒤에 메세지 입력가능
# 메세지에 코드에 무슨기능 추가했는지 이런거 적으면 됩니다. 
git commit -m '메세지'

# commit 기록을 한 눈에 파악하고 싶으면 git log 명령어 입력
# --graph 옵션을 넣으면 그래프로 그려줌
git log --all --oneline
git log --all --oneline --graph

# 입력 후엔 Vim 에디터가 켜져서 j, k 키로 위아래 스크롤이 가능하고 q 키로 종료

❓ 얼마나 자주 commit 하는게 좋나?

ctrl + s 누르는 것 처럼 습관적으로 할 이유는 없고 간단한 기능을 하나 추가할 때마다 commit하면 됩니다.

예를 들어, 회원가입 기능을 만든다고 하면,

회원가입 폼 레이아웃을 만들면 commit

입력한 이메일이 맞는지 검증하는 기능을 만들었으면 commit

서버에 전송하는 기능을 만들었으면 commit

대충 작은 작업하나 마쳤으면 commit하는게 좋습니다.

2.3 에디터 부가기능

웬만한 에디터들 보면 git 기능이 내장되어 있어서 그거 쓰면 터미널 켤 필요없이 편리하게 add, commit 가능합니다.
(git 기능없는 에디터면 git 부가기능 설치하면 됩니다.)

git_2_2

VSCode 에디터의 경우 왼쪽 git 처럼 생긴 메뉴 들어가보면 지금 어떤 파일이 변경되고 추가되었는지 알려줍니다.
+ 누르면 git add 한거랑 똑같고, 체크마크 누르면 git commit 한거랑 똑같습니다.
파일이 많고 복잡하면 이거 쓰는게 더 나을 수도 있습니다.

3. git diff

commit 하기 전에 이전과 현재 코드가 어떤 차이가 있는지 알고 싶으면, git diff 명령어 쓰면 됩니다.
바로 전 commit과 현재 코드의 차이점을 비교해줍니다.

하지만 터미널의 한계로 차이점보기가 힘들고, 추가로 설정하지 않으면 불편해서 보통 git diff를 쌩으로 사용하진 않습니다.

# git diff 커밋id
$ git diff

최근 commit과 비교하는게 아니라 과거의 특정 commit과 현재 파일을 비교하고 싶으면 커밋ID를 명시해주면 됩니다.
(커밋ID는 git log --oneline입력하면, 볼 수 있음)

$ git diff 커밋id1 커밋id2

3.1 git difftool

이거 쓰면 비주얼적으로 훌륭하게 차이점을 분석해줍니다.

git difftool # 입력하면 현재 파일과 최근 commit의 차이점을 비교
git difftool 커밋id # 현재 파일과 특정 commit의 차이점을 비교
git difftool 커밋id1 커밋id2 # 입력하면 특정 commit 2개의 차이점을 비교

git_2_3

이것도 Vim 에디터가 뜨는데, hjkl 키로 이동가능하고, :q 여러번 입력해야 나갈 수 있습니다.
아니면 :qa 입력하셈. 실은 Vim 에디터와 터미널의 한계로 그렇게 편리하진 않습니다.

💡 git difftool을 Vim 말고 VSCode로 열고 싶으면
git config --global diff.tool vscode
git config --global difftool.vscode.cmd 'code --wait --diff $LOCAL $REMOTE'
터미널에 차례로 2개 입력하면 됩니다.