LeetHub 커스터마이징하기

LeetHub를 사용하려고 리파지토리를 지정하고 푸시했더니 풀이랑 문제가 냅다 root에 저장돼버렸다. 난 LeetCode라는 폴더 내에 난이도 별로 문제가 저장될 줄 알았는데...(백준허브는 그렇게 해주잖아요..) 그렇다고 LeetCode용 리파지토리를 따로 파기는 싫었다. 내가 원래 쓰던 Algorithm 리파지토리 에 그대로 LeetCode를 업로드할 순 없을까 보던 중... 이미 누군가 멋진 분 이 해놓으신 것을 보고 따라했다.

 

LeetCode 폴더에 난이도별로 따로 업로드 하는 방법

1. https://github.com/QasimWani/LeetHub 를 내 로컬에 클론해서 가져온다.
2. 1을 클론해왔다면 해당 위치에서 다음을 실행하자.

npm run setup
npm run format
npm run format-test
npm run lint
npm run lint-test

LeetHub의 README에서 하라는거 일단 다 설치하고 실행했다.

 

실행이 완료 됐다면 scripts/leetcode.js 를 수정하면 된다.

*수정(2022.10.12)*

const URL을 검색하면 두개가 뜰텐데 첫번째 나오는 부분을 수정하면 된다. 바로 이 부분. 끝에 README.md가 없는 부분!  

둘 다 수정해야 한다!

  const URL = `https://api.github.com/repos/${hook}/contents/LeetCode/${difficulty}/${directory}/${filename}`;

• 나는 리파지토리 내에 LeetCode라는 폴더 안에 난이도 별로 문제가 저장되길 원해서 다음과 같이 코드를 수정했다. 대충 보니 difficulty라는 변수에 난이도를 넣는거같길래 저렇게 했는데 역시나 easy, medium, hard별로 분리되는 듯 하다.

처음에는 첫번째 const URL만 수정하면 되는 줄 알았는데 두번째로 검색해서 나오는 const URL(README.md로 끝나는 부분)도 같이 수정해야 한다.

const URL 을 검색했을 때 두번째로 나오는 부분은 첫번째 수정한 경로와 동일하게 맞춰주면 된다.

const URL = `https://api.github.com/repos/${hook}/contents/LeetCode/${difficulty}/${directory}/README.md`;

위에서 수정한 것과 동일하게 나는 'LeetCode/난이도폴더/문제' 경로로 지정했으므로 Leethub에서 같이 추가해줄 문제 설명 README.md도 다음 경로로 설정해준다. 

 

 

3. 해당 폴더를 크롬 익스텐션에 설치

• 먼저 기존에 설치된 LeetHub 확장프로그램은 삭제해준다.
• 크롬 확장 프로그램 setting에서 우측 상단에 있는 개발자 모드를 켜준다.
• 좌측 상단에 있는 압축해제된 확장 프로그램을 로드합니다. 를 클릭한다. (영어라면 Load unpacked)
• 2에서 준비해놓은 프로젝트 폴더를 로드해준다.

그러면 다음 사진의 첫번째 확장 프로그램에 있는 LeetHub가 오류버튼이 생성된 상태로 떠있을 것이다. (오류는 무시해도 좋음)

 

 

4. 신나게 문제를 푼다

문제를 풀었더니 지정한 리파지토리/LeetCode/난이도 폴더에 문제와 풀이가 들어간 것을 확인할 수 있다.

 

 

 

편-안

자 이제 신나게 문제를 풀어봅시다..!

 

 

참고

• https://intrepidgeeks.com/tutorial/as-long-as-the-algorithm-problem-is-solved-it-will-be-automatically-pushed-to-the-report
• https://github.com/QasimWani/LeetHub

GitHub - QasimWani/LeetHub: Automatically sync your leetcode solutions to your github account - top 5 trending GitHub repository

 

 

 

 

2022.10.12. 추가)

처음에는 첫번째로 나오는 const URL만 수정하면 되는 줄 알았는데 두번째로 검색해서 나오는 const URL을 수정하지 않으면 commit/push할때마다 다음과 같은 X표시가 뜬다. 첫번째 const URL 내에서 README.md가 이미 업로드 되어있는지 여부를 확인해야 하는데 첫번째 URL 경로를 수정하면서 README.md의 경로를 제대로 잡지 못해 생긴 문제 같다. 

저 X는 뭔데... 왜 커밋기록을 지저분하게 하는건데 ...

 

두번째 const url까지 첫번째 const url경로와 같은 위치로 올바르게 수정을 하고 나면 위의 첨부 이미지와 달리 X가 없이 문제에 대한 커밋 메시지만 뜰 것이다.