🤖 프로그래머스 랭킹 뱃지 자동 생성 봇

아래의 두 레퍼런스 프로젝트를 참고하여 만들었습니다. 🔍

• 프로그래머스 프로필 SVG 자동 생성 프로젝트 (https://github.com/libtv/github-programmers-rank)
• 백준 프로필 SVG 자동 생성 프로젝트 (https://github.com/mazassumnida/mazassumnida)

Github 프로필에서 프로그래머스 프로필 뱃지를 이쁘게 보여주는 프로젝트입니다.

⚠️ 전제 조건

• 백준 허브 익스텐션에 연동된 레포지토리가 필요합니다.
• 깃허브 PAT(Personal Access Token) 필요합니다.

백준 허브에 연동된 레포트지토리를 트리거로 사용하므로 미리 설치되어 있어야합니다.

백준 허브가 연동된 이후 프로그래머스에서 알고리즘 풀이시 자동으로 뱃지가 생성되거나 업데이트됩니다.

🔎 결과물 미리보기

• 스킬 체크 레벨을 기반으로 프로필 색상이 변경됩니다.
• 프로필 뱃지 유형은 기본형과 MINI 두가지 유형을 제공합니다.

기본형

• 0 레벨 🍂

  

• 1 레벨 💍

  

• 2 레벨 🏅

  

• 3 레벨 💚

  

• 4 레벨 💎

  

• 5 레벨 🍒

  

MINI

• 

• 

• 

• 

• 

• 

ℹ️ 설치 방법

1. PROGRAMMERS-BADGE 프로젝트를 포크합니다.

2. PROGRAMMERS-BADGE 프로젝트에서 깃허브 액션에 사용될 시크릿 키를 등록합니다.

• GH_PAT: GitHub Personal Access Token 값 입니다.

  ghp_.... 로 시작하곤합니다.

• GH_REPOSITORY: {Github 계정명}/{레포지토리명}

  예시로 저의 경우엔 JH8459/PROGRAMMERS-BADGE 입니다.

• PROGRAMMERS_ID: 프로그래머스 계정 ID입니다.

  프로그래머스 이메일 주소이며 소셜 로그인으로 사용중이시더라도 등록해주셔야합니다.

• PROGRAMMERS_PW: 프로그래머스 계정 PW입니다.

3. PROGRAMMERS-BADGE 프로젝트에서 액션을 활성화합니다.

포크한 레포지토리의 액션은 기본으로 비활성화되어 있으므로 해당 버튼을 클릭하여 액션을 활성화시킵니다.

4. 백준허브에 연동된 레포지토리에서 깃허브 액션에 사용될 시크릿 키를 등록합니다.

• GH_PAT: GitHub Personal Access Token 값 입니다.

  ghp_.... 로 시작하곤합니다.

5. 백준허브에 연동된 레포지토리에서 액션을 활성화합니다.

• set up a workflow yourself 클릭 후 아래의 dispatch_action.yml을 복사해서 넣어줍니다.

  name: dispatch_action
  
  on:
   push:
     branches:
       - master
  
  jobs:
   dispatch:
     runs-on: ubuntu-latest
     steps:
       - name: Trigger repository dispatch
         uses: peter-evans/repository-dispatch@v1
         with:
           token: ${{ secrets.GH_PAT }}
           repository: {Github 계정명}/{레포지토리명}
           event-type: trigger-workflow

  repository: {Github 계정명}/{레포지토리명} 예시로 저의 경우엔 JH8459/PROGRAMMERS-BADGE 입니다.

6. 프로그래머스에서 문제 풀이 후 PROGRAMMERS-BADGE 프로젝트에서 결과물 확인

• 프로그래머스 문제 풀이 후 백준 허브에 연동된 레포지토리의 액션 로그를 확인합니다.

• PROGRAMMERS-BADGE 프로젝트에서의 액션 로그를 확인합니다.

• 위 과정에서 문제가 없었다면, PROGRAMMERS-BADGE 프로젝트에서 static 폴더에 .svg 포맷의 프로그래머스 랭킹 뱃지 결과물을 확인합니다.

• 원하는 랭킹 뱃지 유형을 확인 후 깃허브 프로필에 링크를 붙혀넣습니다.

  https://raw.githubusercontent.com/{Github 계정명}/{레포지토리명}/master/static/result.svg