[git] 변경된 코드 저장하기(기록하기?)

코드의 변경점을 저장하려면 우선 `git` 초기화부터 해야한다. 

 

💡 깃 초기화 방법

[git] 깃 초기화 | 소스 코드를 잘 관리하자

 

---

 

git add - 변경된 파일 추가

깃으로 관리되는 디렉토리내의 변경 사항들을 스테이징 영역에 추가할 때 `git add` 명령어를 사용한다. 오직 스테이징 영역에 추가하기 위해서 사용되는 명령어이다. (변경 이력을 저장하려면 스테이징 영역에 있는 대상을 커밋해주어야함. 뒤에 나옴) 

 

대충 `new_file.js`라는 파일을 추가하고 대충 내용도 작성해보자. 

 

그럼 이제 변경된 파일을 스테이징 영역에 추가해보자. 

 

명령어

`git add new_file.js`: 방금 만들고 수정한 `new_file.js` 파일이 스테이징 영역에 추가됨

`git add .` : 변경된 파일이 여러개일 경우 모든 파일을 추가 << 개편함

 

---

 

git commit - 스테이징 영역 파일 변경 이력에 저장

`git add` 가 임시 저장하는 느낌이라면 `git commit` 은 진짜 기록을 남겨주는 명령어이다. 스테이징 영역에 파일이 추가 된 상태에서 사용이 가능하다. 

 

명령어

`git commit -m "커밋메시지"` 

• 커밋을 하기 위해서는 필수적으로 `-m` 명령어와 `커밋메시지` 를 작성해야된다.
• 보통 추가된 로직에 대해 작성하거나 한다. 대충 쓰면 된다.

 

---

 

git log - 변경 이력 보여줌

깃으로 관리를 시작한 시점부터 마지막 커밋 이력까지의 기록을 보여준다.

 

명령어

`git log`

• 저게 끝임, 결과가 궁금한 사람들은 한번 해보고 후기 알려주세요. 저는 저거보다 더 좋은거 쓸거임

---

 

더 편하고 이쁘고 깔끔하고 있어보이게 깃 이력 보기

1. VSCode 확장 프로그램 (Git Graph)

 

설치 방법

• 왼쪽 메뉴 제일 아래 확장앱(?) 클릭
• `git` 검색
• `Git Graph` 클릭
• `Install` 클릭

로그 보는법

• VSCode 왼쪽 3번째 이상한 동그라미 세 개 있는거 누르고
• 누르면 위에 사다리타기같이 생긴거 누르면

대충 이런거 나오는데 이것저것 눌러보면 다양한 정보들을 확인할 수 있음

 

 

2. sourcetree

Sourcetree | Free Git GUI for Mac and Windows

 

굉장히 유명한 git gui 프로그램 (VSCode같이 유용한 편집기를 쓰지 않는 안타까운 분들에게 좋지 않을까 싶음)

 

장점

• gui 환경에서 git을 사용할 수 있음(add, commit, pull, push, log 등..)
• 명령어 안쓰고 버튼 몇번 딸깍하면 막 다됨
• 뭔가 이런 것도 써봤다고 자랑할 수 있음
• 무료임

단점

• 깔아야됨