Git | Git Hooks (Gitmoji) 사용해보기

Git Hooks

Git Hooks는 Git상의 이벤트마다 자동으로 실행될 스크립트를 지정하는데 사용된다

• commit 후 자동으로 이모지 등록
• commit 후 Push하면 테스트 코드 자동실행 후 검증
• Git Action과 같은 CI/CD에 사용

Git Hooks 폴더 보기

mac기준으로 프로젝트 폴더 내에서 cmd + shift + . 을 누르면 숨겨진 파일이 나타난다

회색으로 표시된 부분이 숨겨져있던 파일

.git > hooks폴더 안에 스크립트 예시 파일들이 있으며 파일 끝에 .sample을 없애면 hook 실행 파일이 된다

.git > hooks 파일 속 예시 파일

파일 앞쪽에 적힌 내용에 따라 작동 시기가 다르다

• pre-commit : commit 명령 직후 작동
• pre-push : push 명령어 입력 직후 작동

 

---

Gitmoji

gitmoji-cli 설치하기

윈도우

- Node.js 설치

- 터미널에서 설치 : npm i -g gitmoji-cli

맥

- brew로 설치 : brew install gitmogi

프로젝트의 훅에 적용

- 프로젝트 폴더 터미널에서 gitmoji -i 명령어 실행
- hooks 폴더에 추가된 파일 확인하기
- 프로젝트 수정 뒤 git add . , git commit 하여 진행
- commit 추가 뒤 push 하여 GitHub에서 확인

 

---

직접 깃모지 다운받고 사용해보기

나는 현재 맥환경에서 공부를 하고 있으므로 맥 기준으로 깃모지를 사용해 보려한다

brew install gitmoji

터미널에서 brew install gitmoji를 입력해서 다운을 받아준다 (homebrew가 다운받아있지 않다면 먼저 다운)

brew list

 

다운이 잘 받아졌는지 확인하기 위해서는 brew list명령어를 통해 확인

gitmoji -i

gitmoji를 사용하기 위한 프로젝트 파일의 터미널에서 gitmoji -i를 입력해주면 hook에 gitmoji를 사용하기위한 파일이 생성된다

 

prepare-commit-msg

 

hook파일을 보면prepare-commit-msg파일이 성공적으로 생긴것을 확인할 수 있다!!

 

그렇다면 이제 커밋을 해보자

 

이제 git add와 git commit후 무언가 추가로 나오는 것을 확인할 수 있는데 이것이 gitmoji! :D  

현재 커밋에 맞는 깃모지를 선택한 후 엔터 두번 쳐주면 성공적으로 커밋이 완료되었다

 

Push까지 완료한 후 내 깃허브에 들어가주면?!?!?

 

짜잔~!~!~!!!!

 

깃허브 레포를 보면서 이모지가 달린 커밋을 보고 커밋메시지에 함께 넣어서 올리는건가 했었는데

물론 그런 경우도 있겠지만

이렇게 Gitmoji라는 것을 알게 되어 궁금증이 완벽 해소 되었다

 

커밋을 할 때 해당 내용에 맞는 깃모지를 사용하면

이게 어떤 내용의 커밋인지를 더 잘 이해할 수 있을 것 같고 가독성 또한 올릴 수 있을 것 같다

 

다들 gitmoji 하세요~!~!~!!

 

 

gitmoji-cli github

GitHub - carloscuesta/gitmoji-cli: A gitmoji interactive cli tool for using emojis on commits. 💻

gitmoji.dev (깃모지 종류)

gitmoji