[Tool] LeetHub 커스터마이징(폴더 생성, 난이도별 업로드)

LeetHub 란?

LeetCode 에서 푼 문제를 자동으로 GitHub에 업로드해 주는 크롬 확장 프로그램입니다.
크롬 웹스토어에서 설치할 수 있으며, 별도의 수동 커밋 없이 문제 풀이가 저장됩니다.

 

 

 

다만, 백준허브와 달리 기본 설정에서는
리포지토리의 최상위 폴더에 바로 업로드가 됩니다.

저는 이를 백준허브처럼

리포지토리/LeetCode/난이도/ 형식으로 저장되도록 커스텀해보겠습니다.

---

LeetHub 커스텀하기

1. LeetHub 소스코드 클론

아래 GitHub 저장소에서 LeetHub 소스를 클론합니다.

https://github.com/raphaelheinz/LeetHub-3.0

GitHub - raphaelheinz/LeetHub-3.0: Automatically push your LeetCode solutions to your GitHub repository

---

2. leetcode.js 수정

src/js/leetcode.js 파일을 열어 110~122라인에 있는 URL 생성 부분을 수정합니다.
LeetHub는 GitHub API를 통해 파일을 업로드하는데, 이때 경로를 원하는 형태로 바꿔줍니다.

// 변경 전
return `https://api.github.com/repos/${hook}/contents/${path}`;

// 변경 후
return `https://api.github.com/repos/${hook}/contents/LeetCode/${difficulty}/${path}`;

이렇게 수정하면 업로드 경로가 LeetCode/Easy/... 또는 LeetCode/Hard/...와 같이
난이도별 폴더로 자동 분류됩니다.

---

 

3. 크롬에 설치

3.1. 주소창에 chrome://extensions/ 입력합니다.

3.2. 개발자 모드를 활성화합니다.

3.3. "압축해제된 확장 프로그램 로드" 를 클릭합니다.

3.4. 2에서 수정한 프로젝트가 있는 폴더를 선택합니다.

3.5. 아래와 같이 로드된 것을 확인할 수 있습니다.

---

4. 결과 확인

이제 LeetCode에서 문제를 풀면, GitHub 리포지토리에
다음과 같이 난이도별 경로로 저장됩니다.

---

참고

제가 커스텀한 LeetHub 예시는 아래에서 확인하실 수 있습니다.

https://github.com/kim-soohyeon/LeetHub-3.0