[코테] 백준,프로그래머스 풀고Github 자동 커밋 푸시 하기: 백준허브(BackjoonHub)

알고리즘 공부를 할 때 백준이나 프로그래머스 사이트로 코딩테스트를 연습하는 일이 많아지는데,

코딩테스트를 풀고 자동으로

깃허브에 커밋, 푸시 해서 잔디 관리 할 수 있게 도와주는 유용한 익스텐션이 있다.

 

백준허브(BackjoonHub)

 

 

백준, 프로그래머스에서만 사용하고 있었는데

SW Expert Academy나 goormlevel 에서 코테 푸는 것도 깃헙으로 자동 커밋 푸시 된다고 한다.

 

 

백준허브(BackjoonHub) 익스텐션 설치 및 Github 연동 방법

 

1. chrome 웹 스토어(확장프로그램 설치 사이트)에서 '백준허브(BaekjoonHub)'를 검색한다.

( 아래 링크 눌러도 들어가집니당)

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

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

 

2. Chrome에 추가 버튼을 눌러서 확장 프로그램을 설치한다.

 

3. 검색바 우측에 위치한 확장프로그램 (퍼즐 아이콘)을 클릭해서 나오는 '백준허브(BaekjoonHub)'를 클릭한다.

 

4. `Authenticate` 를 클릭해서 Github과 연동한다.

(로그인이 완료되었을 때 5번 화면이 보인다)

---

5. `Pick an Option' 탭을 클릭하면 

 

- Create a new Private Repository : 새로운 비공개 리파지토리 생성하여 연결하기

- Link an Existing Repository : 기존 리파지토리에 연결하기

 

두 가지 방법 중 하나를 선택할 수 있는데, 

기존에 코테를 업로드하거나 백준허브를 이용해서 같은 리파지토리를 이용하고 싶다면 

` Link an Existing Repository` 를 선택해서 연결해 주면 된다.

1. 새로운 비공개 레파지토리 생성하여 연결하기 : Create a new Private Repository

 

codingTest라는 이름으로 리파지토리를 생성해 보겠다.

Create a new Private Repository를 클릭하고

위와 같이 원하는 리파지토리 이름을 입력한 후 `Get Started` 를 클릭하면 된다.

완료되면 위와 같이 문구가 변경되며

내 Github에서 codingTest 리파지토리가 비공개로 생성된 것을 확인할 수 있다.

(위 codingTest(입력한 레파지토리 이름) 부분을 선택해도 리파지토리 링크로 이동한다.)

짜잔 완성 ✨

2. 기존 레파지토리에 연결하기 : Link an Existing Repository

 

위에서 생성되어 있는 codingTest에 연결해 보자

Link an Existing Repository를 클릭하고 기존에 있는 리파지토리 이름을 입력한 후 `Get Started` 를 클릭하면 된다.

위와 같이 잘 연결되었다는 표시가 나오면 된다

---

 

백준허브(BackjoonHub) 익스텐션 사용 방법

 

 

백준, 프로그래머스에서 코테를 풀고 제출화면이 감지되었을 때 Github에 자동 업로드 된다.

제출 후에 작동되기 때문에,  아래 사진(EX :프로그래머스)과 같이 체크 표시가 잘 뜨는지 확인하는 것이 좋다.

(잘 풀어놓고 깃헙에 커밋 안되면 아까우니까... 아래 사진처럼 체크 표시! 꼭 확인하기!)

 

오늘 글 올리느라 찾아보니 백준 허브 리포지토리도 있어서 링크 걸어둔다

https://github.com/BaekjoonHub/BaekjoonHub

개발자 분들 덕분에 제 잔디가 풍성해지고 유용하게 쓰고 있습니다 감사합미댜😊

GitHub - BaekjoonHub/BaekjoonHub: 백준 자동 푸시 익스텐션(Auto Git Push for BOJ)