HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📚
위니브 책 모음(공개 링크)
/
알아서 잘 딱 깔끔하고 센스있게 정리하는 GitHub 핵심 개념
알아서 잘 딱 깔끔하고 센스있게 정리하는 GitHub 핵심 개념
/
📝
VSC(Visual Studio Code) Extension
📝

VSC(Visual Studio Code) Extension

1. Gitmoji2. Git Lens3. Git Graph4. Git History5. 참고

1. Gitmoji

  • GitHub에서 이모지들이 달린 커밋 메시지를 자주 볼 수 있습니다.
  • ‘Gitmoji’는 커밋 메시지에 이모지를 쉽게 달 수 있도록 도와주는 확장 프로그램입니다.
  • 커밋 메시지에 이모지를 사용하면 커밋의 목적이나 의도를 쉽게 식별 할 수 있습니다.
 
gitmoji
Gitmoji is an emoji guide for your commit messages. Aims to be a standarization cheatshee /t for using emojis on GitHub's commit messages.
gitmoji
https://gitmoji.dev/
gitmoji
Gitmoji - Visual Studio Marketplace
English | 简体中文 Report Bug · Request Feature Gitmoji tool for git commit messages in VS Code Open Visual Studio Code. Press Ctrl+Shift+X to open the Extensions tab. Type Gitmoji to find the extension. Click the Install button, then the Enable button. outputType - Configure the type of emoji output as needed.
Gitmoji - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=seatonjiang.gitmoji-vscode
Gitmoji - Visual Studio Marketplace
 

2. Git Lens

  • 렌즈로 파일을 들여다보듯 Git 내역을 상세하게 볼 수 있는 확장 프로그램입니다.
  • 파일에 흐린 글씨로 해당 코드의 커밋 정보를 알려주고 마우스 오버 시 상세내용을 볼 수 있습니다!
notion image
GitLens - Git supercharged - Visual Studio Marketplace
Extension for Visual Studio Code - Supercharge the Git capabilities built into Visual Studio Code - Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more
GitLens - Git supercharged - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
GitLens - Git supercharged - Visual Studio Marketplace
 

3. Git Graph

  • git log --graph 명령어를 사용하여 그래프를 볼 수 있지만, 좀 더 쉽고 직관적으로 그래프를 볼 수 있는 확장 프로그램입니다.
  • 그래프 확인뿐만 아니라 오른쪽 마우스를 클릭하여 GUI 형태로도 사용할 수 있습니다!
Git Graph - Visual Studio Marketplace
View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!
Git Graph - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
Git Graph - Visual Studio Marketplace
 

4. Git History

  • Git Graph와 유사합니다. git의 히스토리와 검색 기능 등을 제공합니다.
Git History - Visual Studio Marketplace
View and search git log along with the graph and details. View a previous copy of the file. View and search the history View the history of one or all branches (git log) View the history of a file View the history of a line in a file (Git Blame).
Git History - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
Git History - Visual Studio Marketplace
 

5. 참고

  • VS Code 확장 프로그램은 ‘확장(Extension)’ 메뉴에서 검색하여 설치할 수 있습니다.
notion image
  • 설치한 확장프로그램은 ‘소스 제어(Source control)’ 메뉴의 상단에 아이콘을 눌러 사용할 수 있습니다.
notion image