🔰 Programmers Stats

GitHub에서 프로그래머스 문제 풀이 현황을 한눈에!
프로그래머스 문제 풀이 실적을 시각화한 SVG 배지를 생성해주는 프로젝트입니다.
생성된 배지는 GitHub 프로필에 삽입할 수 있으며, 매주 자동으로 갱신되고 수동 갱신도 지원합니다.

💬 프로젝트에 대한 문의나 개선 제안이 있다면, Issues와 Pull Requests를 통해 남겨주세요.

♻️ 디자인 리빌딩 및 절차 간소화

tomy8964/Programmers_Badge_Generator를 기반으로 디자인을 새롭게 구성하고, 배지 생성 절차를 간소화하였습니다.

이전 배지 디자인	현재 배지 디자인

🌟 레벨 별 배지 디자인

Lv1. Design	Lv2. Design	Lv3. Design

Lv4. Design	Lv5. Design	Challenger Design

💡 일부 숨겨진 도전과제를 달성하면 통계치가 금색으로 하이라이트됩니다.

⚙️ 프로젝트 설정

1️⃣ 이 레포지토리를 포크합니다.

🔍 View Detail

2️⃣ 포크한 레포지토리의 환경 변수를 등록합니다.

🔍 View Detail

⚠️ GitHub Personal Access Token 생성이 선행되어야 합니다!
🔗 Token 생성 방법 - 공식 문서

• 레포지토리 Settings > Secrets and variables > Actions 로 이동하여 아래 값을 등록합니다:
  • GH_PAT: GitHub Personal Access Token
  • PROGRAMMERS_TOKEN_ID: 프로그래머스 계정 이메일
  • PROGRAMMERS_TOKEN_PW: 프로그래머스 계정 비밀번호

3️⃣ Actions 탭으로 이동해 enable 버튼을 클릭합니다.

🔍 View Detail

4️⃣ output/result.svg 파일을 삭제합니다.

🔍 View Detail

5️⃣ 배지가 정상적으로 재생성되었는지 확인합니다.

🔍 View Detail

✅ Action이 완료된 후, 배지가 정상적으로 재생성되었는지 확인하세요.
(⏳ 약 30초 정도 소요될 수 있습니다.)

⚠️ 변경된 배지가 보이지 않는다면 브라우저를 새로고침(F5) 해보세요.
🔁 여전히 반영되지 않는다면, 설정 2️⃣로 돌아가 환경 변수를 다시 입력한 후 🔄 배지 수동 갱신 항목을 참고해 수동으로 갱신을 진행해주세요.

아래 이미지와 같이 본인의 커밋 메시지와는 다른 커밋이 자동으로 생성되었다면, 배지가 성공적으로 재생성된 것입니다.

레포지토리의 output 폴더에 result.svg 파일이 재생성되어 있는지 확인하고, 자신의 프로그래머스 정보와 일치하는지 확인합니다.

💡 이후로는 매주 월요일 자정에 배지가 자동으로 갱신됩니다.

6️⃣ GitHub 프로필에 프로그래머스 배지를 등록합니다.

🔍 View Detail

GitHub 프로필에 해당하는 레포지토리의 README.md 파일에 다음 코드를 삽입하세요:

⚠️ {your-github-id} 부분은 반드시 본인의 GitHub 사용자명으로 교체해야 합니다.

![Programmers Badge](https://raw.githubusercontent.com/{your-github-id}/programmers-stats/main/output/result.svg)

ex) GitHub 사용자명이 gyudol일 경우:

![Programmers Badge](https://raw.githubusercontent.com/gyudol/programmers-stats/main/output/result.svg)

🔄 배지 수동 갱신

배지를 수동으로 갱신하고 싶다면, 포크한 레포지토리의 Actions 탭으로 이동한 뒤, 좌측 상단의 Programmers Badge Generation을 선택하고 우측의 Run workflow 버튼을 클릭하세요.

⚠️ 프로그래머스 통계에 변화가 없을 경우, 배지는 갱신되지 않습니다.

🔍 View Detail