백준허브(BaekjoonHub)와 LeetHub 커스텀하여 사용하기

PS을 위해 여러 사이트에서 알고리즘 문제들을 푼 사람이라면 코드들을 정리해본 적이 있을것이다. 이에 백준 허브 or LeetHub를 사용하는 사람이 많다. 하지만 두 확장프로그램에는 차이점이 있어 좀 더 깔끔한 백준허브 스타일에 LeetHub를 커스텀해보고자 한다.

이미 존재하는, 사용중인 레포지토리로 진행한다. 현재 백준허브만 사용하는 상태라 백준허브 템플릿으로 만들어진 것을 볼 수 있다. 여기 LeetHub도 적용해보자.

1. LeetHub. v2 Chrome 확장프로그램 설치

구글링을 해 본 결과 v2가 가장 정상작동한다고 하여 설치했다.

2. LeetHub-2.0 Repository Fork하기

3. Local 로 클론받기

git clone https://github.com/{사용자명}/LeetHub-2.0.git

이제 커스텀 할 준비를 마쳤다.

로컬에서 파일을 커스텀 할 것이다. 빠르게 진행하고 싶다면

이 레포지토리를 클론해 사용해보자!!

4. 로컬에서 커스텀 할 파일 - leetcode.js

5. const URL 의 contents/ 뒤에 LeetCode/를 추가

• 변경점 1

▼

---

• 변경점 2

▼

---

• 변경점 3

▼

  return `[${difficulty}] Title: ${qid}.${title}, Time: ${time} (${timePercentile}%), Space: ${space} (${spacePercentile}%) - LeetHub`;

---

• 변경점 4 - version.js

▼

▼

6. (선택사항) 문제 요약 리드미 삭제 - leetcode.js

이 부분 주석처리하면 문제 풀이 코드만 올라간다!

7. chrome://extensions/으로 가서 개발자모드 ON 하기

8. 압축해제된 확장 프로그램을 로드하고 clone 받은 repository 선택

9. 적용되었는지 확인!

빠르게 사용해보고싶다면?

이 레포지토리 에서 클론한 뒤 확장프로그램에서 적용해 사용가능하다!