ks.dgoon.lee log

전체화면 캘린더 페이지 작성


2024/07/03 14:59:03 #dev #ai #productivity #claude #calendar #전체화면 달력 #야크쉐이빙
Attachments:

https://ksl.sgp1.cdn.digitaloceanspaces.com/public/calendar.html

하기비스에서 나온 작은 USB-C 허브 겸 미니 모니터를 책상 옆에 두고 쓰고 있다. 귀여운 반복 영상이나, 애니메이션 배경화면같은걸 띄워놓곤 했는데 노트에 일정 정리하다가 캘린더를 자주 띄우는 나 스스로를 발견하고 "여기에 달력 띄워두면 좋겠다" 생각이 들었다. 그래서 애플 캘린더, 구글 캘린더, 기타 맥 앱스토어에 있는 다양한 캘린더들을 다 봤는데 기능적으로는 훌륭한 것들이 많았지만 **작은 모니터에 전체화면으로 띄워두기 좋은** 캘린더가 없더라. 캘린더로 일정관리를 하려는게 아니라,

  1. 오늘 날짜와 요일 빠르게 확인
  2. 지금의 Week number (1년 중 몇주차인지) 확인
  3. 일정 잡을때 요일과 날짜 등 빠르게 확인

을 위해서 눈에 잘 보이는 달력이 필요한 것 뿐인데... 고민은 잠시, 행동은 빠르게.

바로 claude.ai 에 들어가서, html 파일 하나짜리 캘린더를 만들어달라고 했다. 그리고 나서 여러번의 이터레이션을 거쳐서 나온 것이 위에 있는 캘린더 링크. 다른 캘린더와 일정 연동 기능은 없고 그냥 시원하게 큰 폰트로 오늘부터 5주차의 달력을 보여주는 기능 뿐이다.

  • 연도를 클릭하면 리셋(오늘 날짜로 돌아감)
  • 각 주 앞에 Week number 를 넣었다. 나는 노트에 Week 단위로 페이지를 만들어서 worklog 를 남긴다.
  • Week number 를 보기 위한 달력이니, "<", ">" 버튼으로 1주씩 앞뒤 이동 가능. 좌우 키 바인딩했다.
  • 좀 멀리 (내년이나 작년) 볼 수 있게 같은 Week number 를 유지하고 연도만 +1, -1 할 수 있게. 이건 위아래 키 바인딩.

claude 한테 좀 더 시키면 공휴일 표시같은것도 쉽게 할 수 있을것 같긴 한데 일단 여기까지만 하자. 좀 더 할거면 아예 백엔드 준비도 해서 구글캘린더 연동까지 ...

역시 야크쉐이빙은 즐거워.


덧: Command+Ctrl+F 를 누르면 전체화면! (도구모음이 계속 보인다면 Command+Shift+F 도 함께)


댓글 0개