본문 바로가기
GitHub

[GitHub] 깃모지(Gitmoji)란? - 사용 방법, 이유, 확장팩

by kyung-mini 2024. 7. 27.

1. 개요

 오늘의 포스팅은 깃모지라는 것에 대하여 알아보겠습니다. 깃모지는 다른 개발자와 협업을 진행할 때, 커밋 문구에 많이 사용한다고 합니다. 이번 포스팅에서는 깃모지가 무엇인지와 왜 사용하는지를 알아보고 추가적으로 깃모지에 관한 팁을 소개하겠습니다.

2. 깃모지(Gitmoji)란 무엇인가?

 깃모지(Gitmoji)란 Git + Emoji를 합친 말로 깃에서 commit messege를 적을 때, 시각적인 정보를 주는 이모지를 말합니다.

3. 깃모지를 사용하는 이유!!

 한 눈에 커밋 내용을 알 수 있습니다. 협업을 진행하다 보면,  많은 양의 커밋이 쌓이고는 합니다. 이때 각자 커밋하는 방식이 다르기 때문에 다른 사람의 커밋은 자세히 살펴보지 않으면 내용을 알기 힘듭니다. 하지만, 깃모지를 사용한다면 내용을 자세히 보지않아도 해당 커밋의 어떤 것인지 얼추 알 수 있습니다. 이는 업무 효율성으로 이어집니다.

4. 깃모지 사용법 및 자주 사용되는 깃모지

4-1. 깃모지 사용법

깃모지는 :memo: 와 같이  두 개의 :(콜론) 사이에 원하는 코드를 적어주면 됩니다. 

4-2. 자주 사용되는 깃모지

깃모지를 사용할 때마다 검색하는 것은 효율이 좋지않아 보였기 때문에, GPT에게 추천받은 빈도수 높은 깃모지들입니다.

🎨 :art: 구조/형식 개선 Improve structure/format of the code
:sparkles: 새로운 기능 추가 Introduce new features
🐛 bug: 버그 수정 Fix a bug
📝 :memo: 문서 추가/업데이트 Add or update documentation

5. 깃모지 사이트와 vscode 확장(extension) 추천

5-1. 깃모지 사이트

 본문의 아래에 현재(24-07-17)까지 쓸 수 있는 깃모지를 모두 정리해 두었지만, 최신 내용을 확인하고 싶다면, 아래 링크에 들어가서 확인해보시면 됩니다.

https://gitmoji.dev/

5-2. vscode 확장(extension) 추천

 보통은 vscode로 코드를 작성하고, 터미널로 커밋을 하는 경우가 많습니다. 커밋을 할 때마다 깃모지를 찾아보는 것은 시간을 많이 걸립니다. 이를 효율적으로 할 수 있도록 확장 프로그램을 추천 드리겠습니다.

 

확장 프로그램에서 Gitmoji를 찾으셔서 설치하시면 됩니다.

설치하시고 사용법은 웃는 아이콘을 누르면 vscode창 위쪽 중앙에서 원하시는 선택하시면 됩니다.

6. 마무리

 협업에서는 반드시라고 말할정도로 많이 쓴다고 들었습니다. 깃모지를 처음 접하신다면 지금부터 commit할 때, 연습보는게 좋을 것 같습니다. 모두 파이팅 하시길 바랍니다!

 

7. 깃모지 모음

 

Gitmoji Table
이모지 이모지 코드 번역 원문
🎨 :art: 구조/형식 개선 Improve structure/format of the code
⚡️ :zap: 성능 개선 Improve performance
🔥 :fire: 코드/파일 제거 Remove code or files
🐛 :bug: 버그 수정 Fix a bug
🚑️ :ambulance: 긴급 핫픽스 Critical hotfix
:sparkles: 새로운 기능 추가 Introduce new features
📝 :memo: 문서 추가/업데이트 Add or update documentation
🚀 :rocket: 배포 작업 Deploy stuff
💄 :lipstick: UI 및 스타일 파일 추가/업데이트 Add or update the UI and style files
🎉 :tada: 프로젝트 시작 Begin a project
:white_check_mark: 테스트 추가/업데이트/통과 Add, update, or pass tests
🔒️ :lock: 보안/프라이버시 이슈 수정 Fix security or privacy issues
🔐 :closed_lock_with_key: 비밀키 추가/업데이트 Add or update secrets
🔖 :bookmark: 릴리스/버전 태그 Release / Version tags
🚨 :rotating_light: 컴파일러/린터 경고 수정 Fix compiler/linter warnings
🚧 :construction: 작업 진행 중 Work in progress
💚 :green_heart: CI 빌드 수정 Fix CI Build
⬇️ :arrow_down: 의존성 버전 하향 조정 Downgrade dependencies
⬆️ :arrow_up: 의존성 버전 상향 조정 Upgrade dependencies
📌 :pushpin: 의존성 버전 고정 Pin dependencies to specific versions
👷 :construction_worker: CI 빌드 시스템 추가/업데이트 Add or update CI build system
📈 :chart_with_upwards_trend: 분석/트래킹 코드 추가/업데이트 Add or update analytics or track code
♻️ :recycle: 코드 리팩터링 Refactor code
:heavy_plus_sign: 의존성 추가 Add a dependency
:heavy_minus_sign: 의존성 제거 Remove a dependency
🔧 :wrench: 설정 파일 추가/업데이트 Add or update configuration files
🔨 :hammer: 개발 스크립트 추가/업데이트 Add or update development scripts
🌐 :globe_with_meridians: 국제화 및 현지화 Internationalization and localization
✏️ :pencil2: 오타 수정 Fix typos
💩 :poop: 개선이 필요한 나쁜 코드 작성 Write bad code that needs to be improved
⏪️ :rewind: 변경 사항 되돌리기 Revert changes
🔀 :twisted_rightwards_arrows: 브랜치 병합 Merge branches
📦️ :package: 컴파일된 파일/패키지 추가/업데이트 Add or update compiled files or packages
👽️ :alien: 외부 API 변경에 따른 코드 업데이트 Update code due to external API changes
🚚 :truck: 리소스 이동/이름 변경 (파일, 경로, 라우트 등) Move or rename resources (e.g., files, paths, routes)
📄 :page_facing_up: 라이선스 추가/업데이트 Add or update license
💥 :boom: 파괴적인 변경 도입 Introduce breaking changes
🍱 :bento: 에셋 추가/업데이트 Add or update assets
♿️ :wheelchair: 접근성 개선 Improve accessibility
💡 :bulb: 소스 코드 주석 추가/업데이트 Add or update comments in source code
🍻 :beers: 술김에 코드 작성 Write code drunkenly
💬 :speech_balloon: 텍스트 및 리터럴 추가/업데이트 Add or update text and literals
🗃️ :card_file_box: 데이터베이스 관련 변경 수행 Perform database related changes
🔊 :loud_sound: 로그 추가/업데이트 Add or update logs
🔇 :mute: 로그 제거 Remove logs
👥 :busts_in_silhouette: 기여자 추가/업데이트 Add or update contributor(s)
🚸 :children_crossing: 사용자 경험/사용성 개선 Improve user experience/usability
🏗️ :building_construction: 아키텍처 변경 Make architectural changes
📱 :iphone: 반응형 디자인 작업 Work on responsive design
🤡 :clown_face: 목업 작업 Mock things
🥚 :egg: 이스터 에그 추가/업데이트 Add or update an easter egg
🙈 :see_no_evil: .gitignore 파일 추가/업데이트 Add or update a .gitignore file
📸 :camera_flash: 스냅샷 추가/업데이트 Add or update snapshots
⚗️ :alembic: 실험 수행 Perform experiments
🔍️ :mag: SEO 개선 Improve SEO
🏷️ :label: 타입 추가/업데이트 Add or update types
🌱 :seedling: 시드 파일 추가/업데이트 Add or update seed files
🚩 :triangular_flag_on_post: 기능 플래그 추가/업데이트/제거 Add, update, or remove feature flags
🥅 :goal_net: 에러 포착 Catch errors
💫 :dizzy: 애니메이션 및 전환 추가/업데이트 Add or update animations and transitions
🗑️ :wastebasket: 정리해야 할 코드 폐기 Deprecate code that needs to be cleaned up
🛂 :passport_control: 권한, 역할 및 권한 관련 코드 작업 Work on code related to authorization, roles and permissions
🩹 :adhesive_bandage: 비치명적인 문제에 대한 간단한 수정 Simple fix for a non-critical issue
🧐 :monocle_face: 데이터 탐색/검사 Data exploration/inspection
⚰️ :coffin: 죽은 코드 제거 Remove dead code
🧪 :test_tube: 실패하는 테스트 추가 Add a failing test
👔 :necktie: 비즈니스 로직 추가/업데이트 Add or update business logic
🩺 :stethoscope: 헬스체크 추가/업데이트 Add or update healthcheck
🧱 :bricks: 인프라 관련 변경 Infrastructure related changes
🧑‍💻 :technologist: 개발자 경험 개선 Improve developer experience
💸 :money_with_wings: 후원 또는 돈 관련 인프라 추가 Add sponsorships or money related infrastructure
🧵 :thread: 멀티스레딩/동시성 관련 코드 추가/업데이트 Add or update code related to multithreading or concurrency
🦺 :safety_vest: 검증 관련 코드 추가/업데이트 Add or update code related to validation