본문 바로가기

README 배지 정리기

브라우저 처리

README 상단 배지 줄에서 같은 이미지 주소의 중복 배지를 지우고 원래 순서대로 한 줄에 다시 정리합니다. 링크가 걸린 배지와 이미지만 있는 배지를 모두 읽습니다.

사용 전 확인
  • 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
도구 실행입력 후 결과 확인
README 배지 정리기 샘플 실행

README 맨 위의 빌드 상태, 버전, 라이선스 배지는 여러 사람이 복사해 붙이다 보면 같은 배지가 두 번 들어가거나 줄이 들쭉날쭉해집니다. 이 정리기는 배지 줄을 붙여 넣으면 중복을 지우고 한 줄로 가지런히 다시 만들어 줍니다.

브라우저 처리
샘플 결과
[![Build](https://img.shields.io/b.svg)](https://ci) ![License](https://img.shields.io/l.svg)

<!-- 배지 3개 중 중복 1개 제거 · 원래 순서 유지 -->
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

README 배지 정리기 사용 가이드

README 맨 위의 빌드 상태, 버전, 라이선스 배지는 여러 사람이 복사해 붙이다 보면 같은 배지가 두 번 들어가거나 줄이 들쭉날쭉해집니다. 이 정리기는 배지 줄을 붙여 넣으면 중복을 지우고 한 줄로 가지런히 다시 만들어 줍니다.

[![이름](이미지)](링크) 형태의 링크 배지와 ![이름](이미지) 형태의 이미지 배지를 모두 찾고, 이미지 주소가 같으면 같은 배지로 봅니다. 주소 끝의 ?v=, ?cache=, ?t= 같은 캐시 파라미터는 무시하고 비교합니다.

배지 순서는 처음 나온 순서를 그대로 지키고, 끝에 '배지 5개 중 중복 1개 제거' 같은 주석으로 결과를 알려 줍니다. 배지가 아닌 일반 글은 결과에 넣지 않습니다.

사용 방법

  1. 'README 배지 줄' 칸에 README 맨 위 배지 부분을 붙여 넣습니다.
  2. '실행'을 누르면 중복이 빠진 배지 한 줄과 정리 결과 주석이 나옵니다.
  3. 배지 줄을 '결과 복사'해 README의 원래 배지 자리에 덮어씁니다.

예시: 빌드 배지가 두 번 들어간 줄

입력
[![Build](https://img.shields.io/b.svg)](https://ci) ![License](https://img.shields.io/l.svg) [![Build](https://img.shields.io/b.svg)](https://ci)
결과
[![Build](https://img.shields.io/b.svg)](https://ci) ![License](https://img.shields.io/l.svg)

<!-- 배지 3개 중 중복 1개 제거 · 원래 순서 유지 -->

끝의 주석은 확인용이니 README에 넣을 때는 지워도 됩니다.

이럴 때 쓰면 좋아요

  • 여러 사람이 고친 README의 배지 중복을 정리할 때
  • 배지가 여러 줄로 흩어진 README를 한 줄로 모을 때
  • 저장소 템플릿에서 복사한 배지를 정돈할 때
  • 새 배지를 추가하기 전에 기존 배지 목록을 확인할 때

문제가 생겼을 때

'배지 이미지를 찾지 못했습니다'

![이름](주소) 형식의 이미지가 있어야 합니다. HTML <img> 태그로 넣은 배지는 Markdown 형식으로 바꾼 뒤 넣으세요.

다른 배지인데 하나만 남음

이미지 주소가 캐시 파라미터만 다르면 같은 배지로 봅니다. 브랜치별 배지처럼 일부러 둔 경우라면 결과에 다시 추가하세요.

활용 팁

  • 배지는 상태(빌드·테스트) → 버전 → 라이선스 순으로 두면 읽는 사람이 중요한 정보부터 봅니다. 순서를 바꾸려면 원문 순서를 먼저 조정하세요.
  • shields.io 배지는 주소에 style=flat 같은 옵션을 맞추면 모양이 통일돼 줄이 깔끔해집니다.

자주 묻는 질문

배지를 알파벳순으로 정렬하나요?

아니요. 배지 순서는 의미가 있는 경우가 많아 원래 순서를 그대로 둡니다.

배지 링크가 살아 있는지 확인하나요?

아니요. 글자로 된 주소만 비교합니다. 이미지가 보이는지는 README 미리보기에서 확인하세요.

배지 사이 일반 글은 어떻게 되나요?

결과에는 배지만 남깁니다. 배지 줄 아래의 소개 글은 그대로 두고 배지 부분만 넣어 쓰세요.