[Tools] 백준 / 프로그래머스를 Github에 연동하기 - 백준허브 플러그인

백준허브 (BaekJoonHub) 의 역할

백준이나 프로그래머스 알고리즘 사이트에서 푼 문제를 자동으로 깃허브에 올려줍니다. 문제풀이를 한 기록을 직접 하지 않고, 깃허브에 자동으로 남겨둘 수 있습니다. LeetHub로 LeetCode를 Github에 연동하고 난 뒤, 찾아보니 백준허브 플러그인도 있어서 세팅해두려고 합니다. 

LeetCode와 Github를 연동하는 방법은 요 링크에서 확인 가능합니다! https://bolob.tistory.com/entry/Tools-LeetCode%EB%A5%BC-Github%EC%97%90-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0-LeetHub-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8

 

백준 / 프로그래머스를 Github에 연동하는 방법

1. 백준허브 (BaekJoonHub) 플러그인 설치

크롬 웹 스토어에서 백준허브 확장 프로그램을 추가해줍니다. 아래 링크로 들어가서 'Chrome에 추가'를 하고 설치가 완료되면

https://chrome.google.com/webstore/detail/%EB%B0%B1%EC%A4%80%ED%97%88%EB%B8%8Cbaekjoonhub/ccammcjdkpgjmcpijpahlehmapgmphmk?hl=ko

이렇게 백준허브가 Chrome에 추가되었다는 팝업이 나타납니다.

 

2. 백준허브 플러그인에 Github 계정 인증

플러그인을 클릭하면 이런 화면이 보이게 되는데, 'Authenticate' 버튼을 눌러서 인증합니다.

 

3. Github에 Programmers 레포지토리 생성

깃허브에 Programmers 알고리즘 문제 풀이 기록을 위한 레포지토리를 생성해줍니다. 
저는 프로그래머스 기록를 위해 연동하는 것이기 때문에 알아보기 쉽게 저장소명을 Programmers로 지었습니다.

 

4. 백준허브 플러그인에 Github Repository 연결

플러그인을 클릭해서 'Set up Hook' 버튼을 누르면,

이런 페이지로 이동하는데, 여기에 내가 만든 레포지토리를 연결하면 됩니다.

선택지는 새로운 Private 레포지토리 만들기(Create a new Private Repository), 기존 레포지토리 연결(Link an Existing Repository) 이렇게 두 가지 입니다. 앞서 레포지토리를 미리 만들어 두었으니 두 번째 선택지로 진행하겠습니다.

기존 레포지토리 연결(Link an Existing Repository)을 선택한 다음, 'LeetCode'(레포지토리명)을 입력하고 'Get Started' 버튼을 클릭해주면,

연결 성공 문구가 노출됩니다. 잘못 연결했다면 Unlink를 눌러 연결 해제 후 다시 연결이 가능합니다.

 

5. 문제 풀기

문제를 풀고, Submit 버튼을 누릅니다. Github Programmers 레포지토리에 가보면 코드가 메모리, 시간, 구분, 결과, 문제 제목, 문제 설명과 함께 푸시되어 있는 것을 확인할 수 있습니다. 

 

알고리즘 사이트를 다 연동하고 나니 너무 편리한 것 같네요. 조만간 백준 문제도 풀게 되면 저장소명을 바꾸게 될지도 모르겠습니다. 알고리즘 사이트별로 레포지토리를 따로 설정할 수 있도록 기능이 추가된다면 좋을 것 같네요!