GitHub Badge Generator
깃허브 프로필 꾸미기 편의기능 모음
Shields.io: 다양한 스타일과 커스터마이징 옵션. 개별 뱃지 형태로 세밀한 조정 가능.
스타일
미리보기
GitHub README 마크다운 코드
# Tech Stack
## Frontend
<div align="center">
<img src="https://img.shields.io/badge/React-61DAFB?style=plastic&logo=react&logoColor=white" />
<img src="https://img.shields.io/badge/Vue.js-4FC08D?style=plastic&logo=vuedotjs&logoColor=white" />
<img src="https://img.shields.io/badge/TypeScript-3178C6?style=plastic&logo=typescript&logoColor=white" />
<img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=plastic&logo=javascript&logoColor=black" />
<img src="https://img.shields.io/badge/Next.js-000000?style=plastic&logo=nextdotjs&logoColor=white" />
<img src="https://img.shields.io/badge/Tailwind-06B6D4?style=plastic&logo=tailwindcss&logoColor=white" />
<img src="https://img.shields.io/badge/HTML5-E34F26?style=plastic&logo=html5&logoColor=white" />
<img src="https://img.shields.io/badge/CSS3-1572B6?style=plastic&logo=css3&logoColor=white" />
</div>
## Backend
<div align="center">
<img src="https://img.shields.io/badge/Node.js-339933?style=plastic&logo=nodedotjs&logoColor=white" />
<img src="https://img.shields.io/badge/Express-000000?style=plastic&logo=express&logoColor=white" />
<img src="https://img.shields.io/badge/Python-3776AB?style=plastic&logo=python&logoColor=white" />
<img src="https://img.shields.io/badge/Django-092E20?style=plastic&logo=django&logoColor=white" />
<img src="https://img.shields.io/badge/FastAPI-009688?style=plastic&logo=fastapi&logoColor=white" />
</div>
## Database
<div align="center">
<img src="https://img.shields.io/badge/MongoDB-47A248?style=plastic&logo=mongodb&logoColor=white" />
<img src="https://img.shields.io/badge/PostgreSQL-4169E1?style=plastic&logo=postgresql&logoColor=white" />
<img src="https://img.shields.io/badge/MySQL-4479A1?style=plastic&logo=mysql&logoColor=white" />
<img src="https://img.shields.io/badge/Redis-DC382D?style=plastic&logo=redis&logoColor=white" />
</div>
## Tools
<div align="center">
<img src="https://img.shields.io/badge/Git-F05032?style=plastic&logo=git&logoColor=white" />
<img src="https://img.shields.io/badge/GitHub-181717?style=plastic&logo=github&logoColor=white" />
<img src="https://img.shields.io/badge/Docker-2496ED?style=plastic&logo=docker&logoColor=white" />
<img src="https://img.shields.io/badge/Figma-F24E1E?style=plastic&logo=figma&logoColor=white" />
<img src="https://img.shields.io/badge/VS%20Code-007ACC?style=plastic&logo=visualstudiocode&logoColor=white" />
</div>