Github 프로필에 나의 Daliy 코딩 시간을 적용해보자!

_uchanlee·2020년 6월 26일
50

FERNANDO 기술 블로그 를 보고 따라했지만 적용이 안돼서 이를 해결하는 방법을 약간 추가하여 글을 작성해 봅니다.

Github 프로필에 Daliy 코딩시간 적용하기

위의 사진처럼 내가 어느 시간대에 커밋을 했는지 한 눈에 볼수 있는 방법이 있습니다. 이를 적용하는데 어려움을 겪을 분들을 위하여 적용하는 방법을 소개하겠습니다. 저 같은 경우 엄청난 삽질을 통해 깨달았습니다.ㅋㅋ

적용해보자!✅

  1. techinpark/productive-box 레포지토리를 자신의 레포에 포크합니다.

    원작자의 Repository 에서 Fork 받아 국내 실정에 맞게 설정을 약간 변경하였다고 합니다.

  2. (https://gist.github.com) 에 들어가서 새로운 Public Gist를 생성합니다.

    저는 이렇게 작성해 주었습니다.

  3. Github 토큰을 repo와 gist 두 가지를 선택한 채로 생성합니다.
    (https://github.com/settings/tokens/new)

    저는 이렇게 생성해주겠습니다.
    생성하면 이렇게 토큰값을 다시는 보여주지 않는다고 하는데요? b5c762d615b37c24da933969782759b24a59df48 이 값을 복사해서 다시 찾을수 있게 저장해둡시다. 저 토큰은 삭제했으니 걱정마세용😆

  4. 아까전에 포크한 자신의 레포지스토리에 가서 Settings -> Secrets를 눌러 New Secret을 눌러 환경변수를 생성해줍시다.

    GH_TOKEN 에는 아까 만든 토큰 생성할때 얻은 값을 사용하고
    GIST_ID 에는 사진과 같이 https://gist.github.com/woochanleee/이부분을복사해서붙이면됩니다.

  5. 이제 모든 설정이 끝났습니다. 하지만 포크했던 레포지스터리에서 action 탭에서 understand my workflows, 를 클릭해서 활성화 시켜줍시다.
  6. 이러면 이제 매 정각 업데이트가 될텐데요. 저는 지금 당장 결과가 보이게 하고 싶으니 포크한 프로젝트에 푸쉬를 하나 해서 업데이트를 해주도록 하겠습니다.

    저같은 경우엔 REAMD.md 에 공백 하나를 입력하고 update 해줬습니다. 그러면 이렇게 actions 탭에서 workflows가 정상 작동한것을 볼 수 있습니다. 그리고 gist에 들어가보면 정상 업데이트 된것을 볼수 있습니다.

  7. 이제 마지막으로 깃헙 프로필에 pinned를 해서 다른 사용자들이 볼수 있게 설정해보겠습니다.

    사진과 같이 정상으로 보입니다.

+) Weekly development breakdown은 자신이 wakatime 과 연동해서 무슨 언어를 많이 했는지 파악 할수 있습니다. 이거 같은 경우에도 본 포스트에서 소개한 방법과 마찬가지로 (https://github.com/maxam2017/waka-box)(저는 이걸로 포크해서 사용중입니다.) 또는 (https://github.com/matchai/waka-box)를 포크하고 설정해주면 됩니다.

profile
늦게 시작하는 것을 두려워 하기보단 하다가 중단 하는 것을 두려워 하자!

11개의 댓글

comment-user-thumbnail
2020년 6월 28일

혹시 maxam2017/waka-box를 포크해서 만들고 있는데 Weekly development breakdown으로 Gist 파일명은 정상적으로 바뀌는데 안에 컨텐츠가 작성이 안됩니다..ㅠㅠ 혹시 이 부분에 대해서 아시는 부분이 있나요?? ㅠㅠ

1개의 답글
comment-user-thumbnail
2020년 8월 31일

결국 따라하기는 했지만, 업그레이드를 하고싶어서 이렇게( https://github.com/injoon5 ) 되었네요.

1개의 답글
comment-user-thumbnail
2020년 9월 2일

예전부터 해야지.. 해야지 하면서도 귀찮아서 미루고 있었는데 덕분에 쉽게 적용했어요! 감사합니다 😊

1개의 답글
comment-user-thumbnail
2020년 9월 6일

제 코딩 시간을 알기 쉬울 것 같습니다! 저도 적용해봐야겠어요~

1개의 답글