백준허브로 GitHub와 백준 BOJ 연동하기 (자동 커밋)

 

 

백준, 프로그래머스의 알고리즘 문제를 풀고 자신의 깃허브에 업로드하는 사람이 많습니다. 백준에서는 원하는 문제를 찾거나 코드를 확인하는 것이 다소 번거롭고, 서로 다른 온라인 저지 웹사이트에서 해결한 소스코드를 한 곳에 모아서 보고 싶기 때문이기도 합니다.

 

백준허브(BaekjoonHub)는 GitHub 원격 저장소에 '정답 코드'를 자동으로 커밋하게끔 도와주는 Chrome 확장 프로그램입니다. 정답을 제출하였다면 소스 코드와 함께 문제까지 .md(markdown, 마크다운) 형식으로 같이 커밋해주어 나중에 코드 리뷰하기가 편해집니다.

 

백준 허브의 설정 방법은 다음과 같습니다.

 

---

 

백준허브 Chrome 확장프로그램 설치

Chrome 웹 스토어에서 확장 프로그램을 설치합니다. 

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

백준허브(BaekjoonHub) - Chrome 웹 스토어

 

깃허브 연동

설치 완료 후, 확장 프로그램 목록에서 '백준 허브'를 선택해 프로그램을 실행합니다. Authenticate를 눌러 GitHub 계정 인증을 진행합니다.

 

인증 완료 시 백준 허브 시작 페이지가 나타납니다.

 

Pick an Option

'Pick an Option' 메뉴를 눌러 두 가지 옵션 중 하나를 선택할 수 있습니다.

 

1. 새로운 리포지토리 생성 (Create a new Private Repository)
2. 기존 리포지토리와 연결 (Link an Existing Repository)

알고리즘 문제 소스코드를 깃허브에 처음 업로드하려는 사용자라면 1번을 선택, 원래 백준허브를 사용했던 사용자라면 2번을 선택하면 될 것 같습니다.

 

1번 선택 시, 자신의 GitHub 계정에 입력한 이름으로 새로운 Private 리포지토리를 생성합니다.

2번 선택 시, 기존에 사용하던 리포지토리 이름을 입력합니다. (github.com/{username}/{repository} 형식)

 

Organizing Option

아래 메뉴에서는 Platform 또는 Language별 정리 옵션을 선택할 수 있습니다.

• Organize by Platform : 플랫폼(백준, 프로그래머스 ..) 별로 분류합니다.
• Organize by Language : 언어(파이썬, C++, Java ..) 별로 분류합니다.

분류 옵션에 따라 리포지토리 내 저장 디렉토리가 달라지게 됩니다.

플랫폼별 분류 시 "백준/Gold/문제/문제.py' 와 같이 상위 경로가 플랫폼을 기준으로 나뉘어지며,

언어별 분류 시 "Python/Gold/문제/문제.py'와 같이 상위 경로가 작성된 언어를 기준으로 나뉘어집니다.

 

 

---

소스코드 올리기

확장 프로그램이 설치되어 있다면 항상 자동으로 커밋 및 업로드되므로, 사용자가 특별히 더 신경쓰지 않아도 괜찮습니다.

• 제출 답안이 오답인 경우 : 확장 프로그램은 해당 소스코드를 커밋하지 않습니다. (아이콘이 표시되지 않음)
• 제출 답안이 정답인 경우 : 결과와 함께 작은 로딩 아이콘이 표시됩니다. 업로드 성공 시, 초록색 체크 아이콘( ✓ )으로 변경됩니다.

체크 아이콘이 보이면, 설정해두었던 깃허브 리포지토리에 정상적으로 업로드 되었음을 의미합니다.

아이콘을 누르면 곧바로 깃허브로 이동하여 업로드된 파일을 간편히 확인할 수 있습니다.

 

 

• 정상적으로 업로드되지 않은 경우 : 빨간색 체크 아이콘( ✓ ) 이 표시됩니다.

인터넷 연결 환경이 불안정하거나 오류가 생긴 경우, 업로드되지 않을 수 있습니다.

새로고침(F5)을 눌러 결과 페이지를 업데이트하면 다시 업로드를 시도할 수 있습니다.

 

---

마치며

문제를 풀고 난 후 직접 깃허브에 커밋/푸시하지 않아도 알고리즘 코드를 모아서 관리할 수 있는 간편한 확장 프로그램에 대해 소개해드렸습니다. 

자동으로 예제 테스트 케이스(TC)를 입력해주는 아래 플러그인/확장프로그램도 확인해보세요.

 

PyCharm 알고리즘 문제풀이 환경 구축하기 (AutoCP)

 

 

읽어주셔서 감사합니다. 😀