얼거스 개발 일지

todoist box !

프로젝트를 구현하다가 집중이 잘 안돼서 머리도 식힐 겸 github 꾸미기를 검색해보다가 발견했다.

이렇게 todoist 사이트에서의 내 활동을 요약해서 보여주는 도구다!

https://github.com/joshghent/todoist-box

GitHub - joshghent/todoist-box: ✅ Update a pinned gist to contain your Todoist stats

 

적용 방법은 위에 올려 둔 깃헙에 들어가보면 readme에 잘 나와있지만,

영어로 되어있기도 하고 지금 적용해보면 조금씩 달라진 부분이 있기 때문에 아래에 소개한다.

1. gist public 페이지 생성

1. gist로 접속한다.

https://gist.github.com/

 

2. 제목과 내용을 입력한 후 public으로 생성한다.

제목은 보존되어 github main에 pin 꽂았을 때 노출되지만, 내용은 github action에 의해 다른 데이터로 덮어씌워져서 사라진다.

 

3. 생성 된 gist 주소의 맨 마지막 값을 복사한다.

ex: 3031a3c03f4870206caaf73cb8f208d4 복사

 

4. https://github.com/joshghent/todoist-box 템플릿으로 리포지터리를 생성한다.

 

5. 생성 된 리포지러티에 secret 키를 등록해준다.

1. gist 주소 등록하는 GIST_ID 키 생성

1. 리포지토리에서 Settings - Secrets and variables - Actions - New Repository secret 클릭

 

2. NAME : GIST_ID , Secret : gist 주소 입력 후 Add secret 클릭

 

2. github에서 자동으로 gist를 업데이트하도록 GH_TOKEN 키 생성

1. 계정 설정 진입

 

2. 좌측 메뉴 마지막에 Developer Settings 클릭 

 

3. Personal access tokens - Token - Generate new token 클릭

 

4. 키 이름, 유효 기간, Select scopes를 선택해주고 키를 생성한다.

나는 유효기간은 무한으로 해주었다.

그리고 Select scopes에서는 repo 와 gist 에 체크해주어야 한다.

 

5. 생성 후 화면에 보이는 키를 복사해서 메모해둔다. 

지금 보이는 화면을 벗어나면 다시 볼 수 없고, 재발급 받아야 하기 때문이다.

 

6. repository로 돌아가서 key를 등록해 준다.

- 리포지토리에서 Settings - Secrets and variables - Actions - New Repository secret 클릭

- NAME : GH_TOKEN , Secret : 복사한 키 입력

 

 

3. todoist 계정 활동을 읽어오도록 api 키를 TODOIST_API_KEY 이름으로 생성해 준다.

 

1. https://app.todoist.com/app/ 로그인

 

2. 좌측 상단의 계정 클릭 - 설정 클릭

 

3. 통합 - 개발자 - API 토큰 복사

 

4. repository로 돌아가서 key를 등록해 준다.

- 리포지토리에서 Settings - Secrets and variables - Actions - New Repository secret 클릭

- NAME : TODOIST_API_KEY , Secret : 복사한 토큰 입력

 

6. github 메인 화면으로 가서 생성했던 gist 페이지를 pin 꽂아 주면 끝!

처음 pin 꽂으면 todoist 활동 정보가 안나타난다.바로 나타나게 하려면 repository에 들어가서 readme.md를 마음대로 수정한 후 업데이트 해주면 github action에서 todoist의 활동 정보를 불러와 적용해 준다.

아니면 매시 정각마다 업데이트 되게 스케줄이 작성되어있기 때문에 정각을 기다려 보면 업데이트가 되겠다! 

 

 

🤓👍