PIP 타이머 기능 웹페이지 만들고 사용하기

 

 

 한때 집중력을 올려준다는 타임 타이머라는것이 유행한 적이 있었다.

그때 적당한 것을 사서 사용했었는데 나름 도움이 되었다.

 

짧은 시간 집중을 하고 싶을때 정말 몰입도를 크게 끌어올린다.

다만 반복할수록 조금 무뎌지는 감은 있었다.

 

 

 

 

그러한 이유중에 저 시계를 물리적으로 들고 다니고, 다시  테이블에 놓고 사용하는게 조금 귀찮았다.

 

그럼 그냥 내 컴퓨터 한쪽에 켜놓고 바로 사용할 수 있으면 되지 않을까 하는 생각이 들었다.

 

 

 

 

 일단 내 도메인을 이용해서 서브도메인을 연결한 웹페이지를 만들고 서버를 구동했다.

요즘은 ai도 있어서 서버와 사이트를 구축하는 방법이 정말 편해졌다.

 

 

 

메인페이지. 만들어놓고 놔두었을뿐인데 방문자가 있다. 아마 봇들이 대부분일것 같은데  어떻게 알고 온건지 신기하다.

 

이제 PIP 기능을 넣은 타이머 웹페이지를 만들었다.

주소에 /timer를 붙이면 이동한다.

타이머 - Timer

 

 

 

 

 

 

한번 타이머를 가동하고 PIP 모드를 실행해보면

 

 

 

 

 

한쪽에 PIP모드로 타이머를 보여주는 것을 알 수 있다.

이거 영상만 가능한 줄 알았는데 다른 요소들도 넣을 수 있었다. 

잘하면 다양한 기능을 넣을 수 있을 것 같은데 추후에 더 생각해봐야겠다.

 

 

타이머는 지금도 이 글을 작성하면서 요긴하게 사용중이다.