Focus to do 화면 조절 되도록하기

꽤 시간들여 하기는 했는데 그만한가치가 있을지 모르겠다. 그래도 유료 결제한 애착들이는 몇 안되는 뽀모도로 앱인 만큼 손댈 가치가 있을 것이다. 앱 스토에도 방법을 올려놨으니 사용자들에게 도움이 됐길 바란다.

 

Pomodone 처럼 API가 있어서 구글 캘린더나 노션에 연동 될 수 있었으면 하루종일 이것만 켜고 살았을텐데 아쉬울 따름이다.

 

문제

1. 몇 개월 전 부터 Focus to do를 MS 스토어에서 설치했으나 창 크기가 줄여지지 않음

2. 게다가 타이머 돌아갈때 배경화면이 영 맘에 들지 않아서 이참에 바꿀 생각을 함

 

해결

1. 윈도우의 단순히 사이즈만 바꾸는 거라면 크롬 웹스토어에서 Focus to do 를 검색해  확장 프로그램으로 설치하면 된다. 이 경우 brower 옵션 쪽이 데스크탑이나 다른데 설치할 때와 다른 것 같다.

1-1. 근데 크롬 웹스토에서 설치파면 타이머의 배경화면을 바꿀 경우 손상됐다고 하며 다시 복구하지 않으면 못쓰게 된다.

1-2. 그래서 후술하는 배경을 바꿀 수 있는 Window 데스크탑 버전을 설치

-  상대적인 크기로 유연하게 바뀌지는 않지만, 절대적인 창 크기 자체는 어찌저찌 조절 할 수 있다.

 

C:\Users\[윈도우 유저명]\AppData\Local\FocusToDo7E\app-6.8.1\resources\app\src 의 main.js 메모장으로 연 다음 
const minWidth와 const minHeight 다음 숫자를 좀 작은걸로 바꾼다.

 

2. 타이머 화면은 검은 배경에 수풀인데, 안그래도 좀 더 구글 타임타이머 같은 디자인이 아닌것도 불만인데 이런것 까지 하니까 오히려 다른 쪽으로 생각이 바뀌었다.

C:\Users\[윈도우 유저명]\AppData\Local\FocusToDo7E\app-6.8.1\resources\app\src\WebContent\img에서 원하는 이미지 파일명을 timer-bg-leaf.jpg로 바꾼뒤 원래 있던 파일에 덭 씌워 붙여넣는다.

 

화면 한구석에 뽀모도로가 돌아가고 동기부여 내지는 연상작용을 위해 아이언맨이 차고에서 일하는 모습을 배경으로 했다. 비슷한 방법으로 화이트노이즈를 다른 음원으로 바꾸거나 읽어들이는 파일명과 확장자를 바꿔 배경을 GIF로 하는 방법도 있지만 이정도면 족하다고 봤다.

비슷한 아이디어를 사용하는 유튜브 채널에서 영감을 받았다. 

https://youtu.be/eUAd5f936Yg