티스토리 뷰

반응형

 [README.md] 이모지 및 Markdown Badges 꾸미기

README를 작성할때 이모지와 뱃지를 이용하여 멋있게 꾸며보자

 이모지

이모지가 모여있는 싸이트 입니다. 🥃🌝🌈

한눈에 이모지를 보고 선택하여 README에 붙여넣어 주면 됩니다.

- https://www.webfx.com/tools/emoji-cheat-sheet/

 

Emoji Cheat Sheet

Emoji codes used by GitHub, Basecamp, Slack and other services. Searchable. With emoji meanings.

www.webfx.com

 마크다운 뱃지

뱃지의 아이콘

뱃지의 아이콘을 넣을때 참고

- https://simpleicons.org/

 

Simple Icons

2516 Free SVG icons for popular brands

simpleicons.org

뱃지의 스타일

- https://shields.io/badges

 

Static Badge | Shields.io

One of the named logos (bitcoin, dependabot, gitlab, npm, paypal, serverfault, stackexchange, superuser, telegram, travis) or simple-icons. All simple-icons are referenced using icon slugs. You can click the icon title on simple-icons to copy the slug or t

shields.io

마크다운 뱃지 모아둔곳

- https://github.com/Ileriayo/markdown-badges

 

GitHub - Ileriayo/markdown-badges: Badges for your personal developer branding, profile, and projects.

Badges for your personal developer branding, profile, and projects. - GitHub - Ileriayo/markdown-badges: Badges for your personal developer branding, profile, and projects.

github.com

처음에는 좀 헷갈리면 그냥 마크다운 뱃지 모아둔곳에서 가져다가 사용하고 좀 익숙해지면 shields가서 꾸미는 방법 배워서 커스텀하게 만들어서 사용하세요

 

아래는 내가 사용했던 이모지와 뱃지 조합이다. 참고하여 사용하시라

## 📺 개발환경
- <img src="https://img.shields.io/badge/Framework-%23121011?style=for-the-badge"><img src="https://img.shields.io/badge/springboot-6DB33F?style=for-the-badge&logo=springboot&logoColor=white"><img src="https://img.shields.io/badge/2.7.13-515151?style=for-the-badge">
- <img src="https://img.shields.io/badge/Build-%23121011?style=for-the-badge"><img src="https://img.shields.io/badge/Gradle-02303A?style=for-the-badge&logo=Gradle&logoColor=white"><img src="https://img.shields.io/badge/7.1.1-515151?style=for-the-badge">
- <img src="https://img.shields.io/badge/Language-%23121011?style=for-the-badge"><img src="https://img.shields.io/badge/java-%23ED8B00?style=for-the-badge&logo=openjdk&logoColor=white"><img src="https://img.shields.io/badge/11-515151?style=for-the-badge">
- <img src="https://img.shields.io/badge/Project Encoding-%23121011?style=for-the-badge"><img src="https://img.shields.io/badge/UTF 8-EA2328?style=for-the-badge">v
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함
분류 전체보기 (80)
📺 Develop (0)
🌋 Error Fixed (5)
🏗 Tool (5)
💻 MacBook M1 (15)
📦 ETC (1)

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.