VisualStudioCode에서 이모지 저장 및 사용

📝 VSC에서 Commit할 때 편하게 이모지 사용하기

커밋 메시지 작성 시 템플릿과 이모지를 자동 완성하기 위한 Commit Message Editor 설정 예시

---

1. settings.json에 추가할 설정 코드

1. F1을 누르고 사용자 설정 열기(json)에 들어가 아래 설정 코드와 같이 작성

설정 코드 보기

"commit-message-editor.dynamicTemplate": [
  "{emogi} {type}{scope}: {description}",
  "",
  "{body}",
  "",
  "{breaking_change}{footer}"
],
"commit-message-editor.tokens": [
  {
    "label": "Type",
    "name": "type",
    "type": "enum",
    "options": [
      { "label": "feat", "description": "새로운 기능 추가" },
      { "label": "fix", "description": "버그 수정" },
      { "label": "docs", "description": "문서 추가/수정" },
      { "label": "style", "description": "코드 스타일 수정 (기능 변화 없음)" },
      { "label": "refactor", "description": "리팩토링 (기능 변화 없음)" },
      { "label": "test", "description": "테스트 추가/수정" },
      { "label": "chore", "description": "빌드 설정, 도구 설정 등" },
      { "label": "perf", "description": "성능 개선" },
      { "label": "modify", "description": "일반 수정" },
      { "label": "rename", "description": "파일 또는 프로젝트 이름 변경" },
      { "label": "ci", "description": "CI 설정 변경" },
      { "label": "build", "description": "빌드 시스템 변경" },
      { "label": "remove", "description": "불필요한 코드/파일 제거" },
      { "label": "ver", "description": "버전 지정" }
    ]
  },
  {
    "label": "Emogi",
    "name": "emogi",
    "type": "enum",
    "combobox": true,
    "options": [
      { "label": "🎉 Initial commit", "value": "🎉" },
      { "label": "🔖 Version tag", "value": "🔖" },
      { "label": "✨ New feature", "value": "✨" },
      { "label": "🐛 Bugfix", "value": "🐛" },
      { "label": "🗃️ Metadata", "value": "🗃️" },
      { "label": "📚 Documentation", "value": "📚" },
      { "label": "💡 Documenting source code", "value": "💡" },
      { "label": "🏎️ Performance", "value": "🏎️" },
      { "label": "💄 Cosmetic", "value": "💄" },
      { "label": "✅ Tests", "value": "✅" },
      { "label": "🔨 Make a test pass", "value": "🔨" },
      { "label": "⚡️ General update", "value": "⚡️" },
      { "label": "🎨 Improve format/structure", "value": "🎨" },
      { "label": "♻️ Refactor code", "value": "♻️" },
      { "label": "🔥 Removing code/files", "value": "🔥" },
      { "label": "💚 Continuous Integration", "value": "💚" },
      { "label": "🔒 Security", "value": "🔒" },
      { "label": "⬆️ Upgrading dependencies", "value": "⬆️" },
      { "label": "⬇️ Downgrading dependencies", "value": "⬇️" },
      { "label": "👕 Lint", "value": "👕" },
      { "label": "👽 Translation", "value": "👽" },
      { "label": "✏️ Text", "value": "✏️" },
      { "label": "🚑 Critical hotfix", "value": "🚑" }
    ]
  }
]

 

---

 

2. 작성 후 Commit Message Editor에서 아래와 같이 사용

Commit Message Editor Emojis

---

2. 추가 이모지 모음

2025.04.03 - [언어/Markdown] - Emoji 모음

Emoji 모음

본인이 사용하는 커밋 메시지에 맞는 이모지를 추가하여 커밋 메시지 작성할 때 유용하게 사용