본문 바로가기
개발(Develop)/Program Install

[VSCode] WakaTime 순수 코딩 시간 추적 VSCode 익스텐션 Extension / WakaTime 테마 변경

by 왁왁s 2024. 1. 25.

WakaTime 코딩 시간 추적 Extension 설치해보기

 

순수한 코딩 시간을 추적할 수 있는 VSCode의 익스텐션인

'WakaTime'을 함께 설정하는 방법을 알아보도록 하겠습니다.

 

 

1. 아래의 WakaTime 사이트에 접속합니다.

 

https://wakatime.com/

 

WakaTime - Dashboards for developers

Open source IDE plugins for programmers.

wakatime.com

 

 


 

 

2. 회원가입을 해줍니다. - 이메일로 가입하거나 깃허브를 연동합니다. 

 

저는 깃허브를 연동해주었습니다. 

 


 

 

3. 상단에 프로필 클릭 후 'Settings'를 클릭해줍니다.

 

 


 

 

4. Account > API Key 에 있는 Secret API Key를 복사합니다.

 

 

 

 


 

5. Visual Studio Code > 확장(Extension) > 'WakaTime' 검색 후 설치해줍니다.

 

 

 


 

 

6. VSCode에서 F1을 클릭하거나 맥북이라면 ⌘ + Shift + P 클릭해 상단바에 WakaTime을 입력합니다.

 


 

 

 

7. WakaTime : Api Key를 클릭 후 상단에서 복사한 API 키를 입력 후 엔터 키를 누릅니다.

 

 


8. WakaTime 적용 완료 

적용이 완료가 되면, 2~5분 정도 후에 공식 홈페이지 Dashborad에 뜹니다. 

현재 코딩을 0분 동안 했기에 아무것도 뜨지 않지만 잘 적용된 것을 확인할 수 있습니다. 

 

 

8-1. VScode 좌측 하단 안 보임.

VSCode의 좌측 하단에 WakaTime이 보이지 않는다면, 아래의 테마/디자인 변경에서 'dark -> white'로 변경을 해주거나

API를 다시 발급받아 넣어보면 됩니다.

 

 

 


테마/디자인 변경하기 : 공식 홈페이지 > 우측 상단 프로필 클릭 > Setting > Preferences

Preferences를 클릭하면 Wakatime의 테마와 디자인을 변경할 수 있습니다.

Time Zone을 설정해 시간대를 나라별로 설정하거나,

Color Scheme를 통해 색상을 변경하고,

범위, 날짜, 시간 뜨는 양식을 변경할 수 있습니다.

 

 

 

 

WakaTime이 지원하는 목록 확인하기

 

 

지원하는 목록이라면 설치하고자하는 툴을 클릭해 더욱 더 자세한 설치 방법을 살펴봅니다.

 

 

 

 

WakaTime api key not provided 문제

해당 문제는 API KEY를 제대로 전달하지 않아 발생하는 문제이기에 API 부분을 다시 확인합니다.

그래도 안 된다면, 공식 홈페이지 -> 

댓글