티스토리 뷰
github의 여러 오픈소스를 보다 보면 이모지를 사용하는 오픈 소스들을 종종 볼 수 있더라구요
별 거 아닌거 같아도 일반적인 git convention보다 직관적이고 글자만 가득한 코딩 세상에서.. 너무너무 예뻤습니다
gitmoji를 쓰면 가장 좋은 점은 아이콘만 봐도 어떤 작업을 했는지(새로운 기능을 만들었는지, 버그를 고쳤는지, 버전을 업그레이드 했는지 등등) 을 알 수 있다는 점입니다
저는 또 예쁘고 힙해 보이는거는 지나치지 못하기 때문에 바로 해보도록 하겠습니다.
1. 설치하기
gitmoji를 설치하는 방법은 두 가지 입니다. node의 npm 모듈로 설치할 수도 있고 macOSX의 brew로도 설치할 수 있습니다.
npm 설치:
$ npm i -g gitmoji-cli
맥북 brew 설치:
$ brew install gitmoji
이제 gitmoji를 설치한 로컬에서는 커밋 메세지에 이모지를 적용할 수 있답니다!
2. 커밋 메세지에 이모지 추가하기
커밋 메세지에 이모지를 추가하는 형식은 다음과 같아요
<intention> [scope?][:?] <message>- intention: gitmoji에서 지원하는 이모지 이름 (ex. :sparkles:)
- scope: (선택) 커밋 메세지에서 강조할 단어에 추가할 수 있습니다. 무조건 명사를 강조하는 데에만 사용하세요.
- message: 커밋 메세지
이모지 검색하기
이모지를 찾는 방법은 간단합니다. gitmoji 사이트에 방문해서 검색할 수도 있고 터미널에서 명령어를 이용할 수도 있어요
웹사이트에서 검색
https://gitmoji.dev/ 에서 내가 원하는 기능에 매핑되는 이모지를 찾습니다.
예를 들어 어떤 새로운 기능을 만들었고 이를 커밋하는 메세지라고 한다면,
new feature에 맞는 이모지는 반짝이 이모지네요. 여기서 :sparkles: 라고 써있는 글자를 클릭하면 쉽게 복사 할 수 있습니다.
터미널에서 검색
$ gitmoji -s "검색할 단어"위와 같이 터미널에 입력하면 이모지 종류를 출력할 수 있습니다.
예를 들어 bug에 관련된 이모지를 찾고 싶으면
$ gitmoji -s "bug"
위에서 상황에 맞는 이모지 이름을 잘 복사해주면 됩니다.
전체 이모지 리스트 보기
웹사이트에서 어떤 이모지가 있는지 보거나
터미널에서:
$ gitmoji --list라고 입력합니다.
gitmoji 클라이언트 이용하기
수정된 파일을 추가해놓은 상태(git add)에서 gitmoji 클라이언트를 이용해 커밋 메세지를 작성하는 방법도 있습니다.
gitmoji -c
1. 이모지 선택
터미널에 명령어를 입력하면 이모지를 먼저 선택합니다. 아래, 위 화살표 키로 > 를 움직여서 선택할 수도 있고 타이핑해서 이모지를 검색할 수도 있어요. 원하는 이모지를 찾으면 엔터!
2. 커밋 제목/메세지 작성
위는 제가 예시로 작성한 커밋 메세지입니다. 커밋할 내용에 맞게 제목과 메세지를 작성해주세요
그러면 git 커밋 작성 완료입니다!
가독성 좋고 예쁘게 눈에 확 들어오는 깃 커밋을 원한다면 사용을 추천드립니다