[Github] 내 개발 시간을 프로필에 추가해보자

 

 

---

 

 

 

먼저 프로필 꾸미기 용도로 사용하기 위해 참고한 Repo들이다.

 

1. productive-box: 어느 시간대에 많이 활동(commit)하는지 알려줌

GitHub - maxam2017/productive-box: Are you an early 🐤 or a night 🦉? Let's check out in gist

 

 

2. waka-box: 한 주동안 개발한 시간을 언어별로 알려줌

GitHub - matchai/waka-box: 📊 Update a pinned gist to contain your weekly WakaTime stats

 

 

일단 먼저 두 개 모두 내 레포로 fork해온다.

 

 

Github Token 생성

https://github.com/settings/tokens

프로필 > Settings > 맨 아래 Developer Settings > Personal access tokens (classic)

여기서 주의할 점은 Fine-grained가 아니라 클래식으로 발급받아야한다는 점이다!!

이름은 별 상관없이 짓고, repo와 gist 권한만 허용해준다.

발급받으면 꼭 토큰을 미리 메모장에 복사해둘 것. 다시 확인할 수가 없다..!

 

 

 

GIST_ID 생성

프로필 > Your gists > + 버튼을 눌러 새 gist 생성

생성한 gist 링크의 맨 뒤 문자열이 gist id이다.

 

https://gist.github.com/abyss-s/ 4137d53b63ac93dab39b5e408c92e404 <- 이게 아이디임

 

 

WakaTime API key 확인

와카타임 박스의 경우 WakaTime의 권한이 필수다.

나는 자주 사용하는 툴인 vs나 vsc에 모두 wakatime 확장을 설치하여 코딩 시간을 확인하고 있다.

하지만 맨날 사이트에 들어가서 확인하긴 불편하니까 깃허브에서 바로 보고싶다구..🙂

 

프로필 > settings 들어가면 바로 API key를 확인할 수 있다.

물론 처음이라면 당연히 회원가입 후 로그인 및 툴에서 확장 설치까지 해야 시간 확인 가능!

 

 

이제 설정에 필요한 모든 키들을 복사해두었다면 다음단계로!

 

환경변수 추가

포크해둔 내 저장소로 가서 해당 리드미를 읽고 필요한 환경변수를 추가해야 한다.

저장소 탭에서 Setting > Security > Secrets and variables > Actions 로 접속하고,

다음과 같이 환경 변수들을 추가해준다.

 

waka-box

3개의 변수 모두 Secrets에 추가한다.

GH_TOKEN = 아까 발급한 깃헙 토큰
GIST_ID = 아까 생성한 gist 링크 뒤 문자열
WAKATIME_API_KEY = 아까 확인한 키

 

 

productive-box

Secrets에 다음 2개를 추가한다.

GH_TOKEN = 아까 발급한 깃헙 토큰
GIST_ID = 아까 생성한 gist 링크 뒤 문자열

그리고 Variables에 TIMEZONE을 추가하고 Asia/Seoul로 설정한다.

 

 

 

이제 Github Actions에서 워크플로우를 실행하면 정상적으로 돌아갈 것이다.

제대로 적용이 되었는지 확인하기 위해 내가 수동으로 작동시킨건데, 

이 과정은 한 번 설정하면 끝. 어차피 하루마다 자동으로 돌아가기 때문이다.

 

 

이제 마지막으로 깃허브 프로필에 보여주기 위해 핀을 해주면 마무리된다.

Custom your pins를 눌러 방금 설정한 박스들을 고정해보자.

 

 

쨘. 이제 잘 적용된 것을 확인할 수 있다 😁

개발 시간을 보면서 공부 자극을 받으려면 추천...!