회사 PC에 위젯으로 띄울 수 있는 야근 포도알 스티커판 앱입니다!

야근하다 코덱스랑 만든 야근포도알스티커판 프로그램입니다.

야근하는 날마다 포도알 스티커 하나씩 붙일 수 있고, 20알을 채우면 킹받게 폭죽도 터집니다. 한송이가 완성되면 20알 (=20일의 야근~)의 야근 기록도 한눈에 볼 수 있고 기념사진(?)도 저장할 수 있습니다.

회사 PC에 켜놓고 은근슬쩍 야근한 거 생색도 낼 수 있어요.


프로그램 이용/다운로드 정보


⚠ 회사 PC에서 실행하기 전에


현재 앱은 개발자 배포 서명·공증이 적용되지 않은 테스트 버전입니다. 윈도우 실기 검증과 Intel Mac 검증이 완료되지 않았습니다. 보안 경고가 뜨거나 회사 정책으로 차단될 수 있어요.

회사 보안 설정을 해제하지 마세요. 실행이 제한된다면 IT 담당자에게 확인하거나 아래 웹 버전을 이용해 주세요.

설치 없이 웹으로 사용하기 ↗




사용화면


평소에 이렇게 회사 PC에 위젯으로 띄울 수 있구요.

항상 상단 고정 기능, 바만 남기고 펼치고 접는 기능, 크게 (기록 확인이랑 되돌리기등 부가 기능 가능) 혹은 작게도 가능합니다.




20알을 채우면 폭죽이 터지며 팝업창이 열립니다.. 여태 야근 기록 한 알 한 알 소중히 모아 한눈에 볼 수 있는 (생색낼 수 있는) 기념사진도 저장/공유할 수 있어요

은근슬쩍 팀방에 공유해서 생색내보는건 어떤지..




요런 사진이 저장됩니다!




만드는 방법

사실 코덱스(GPT codex)한테 아이디어만 던져주면 알아서 잘 해주는데요. 1차적으로 아이디어를 구현하는 것까진 금방인데, 그렇게 만들어진 프로그램의 디테일을 잡는 부분이 오래걸립니다.

특히 디자인은 그냥 만들어달라고 했을 때 AI 특유의 밤티나는 디자인으로 완성이 되기에 레퍼런스 이미지도 별도로 작업해서 전달하는 게 원하는 디자인 구현하기에 좋아요.

레퍼런스 이미지는 별도 대화창 생성해서 작업 후 완성된 레퍼 이미지 전달이 좋습니다. 기존 ‘개발’ 대화와 ‘디자인’대화의 큰 작업 방향이 다르기 때문에, 한 대화창에서 충돌되는 작업을 진행할 시 오히려 두 주제 모두 다 완성도가 낮아져서 결국 총 작업시간과 크레딧이 녹는 경험을 할 수가 있습니다. 어떻게 알았냐구요? 저도 알기 싫었어요. 하하

특히, 최종적으로 완성 후 사이트를 만들거나 앱으로 만들어 달라고 하기 이전에 시안 단계에서 디테일 다 잡고 최종의 최종버전까지 완성한 후에 마무리 작업하시길 권장합니다. 일단 완성 후 수정하려면 아주 작은 수정이라도 세트로 (배포 사이트, 구현 사이트 등등) 수정할게 너무 많아져서 효율이 급감.


♦ 만들기팁 결론

  • 바로 시작하지 말고, 코덱스한테 이런 아이디어가 있는데 어떤 프로세스로 일을 진행하면 좋을 지를 먼저 정하는게 좋습니다.
  • 원하는 디자인 컨셉이 있을 경우, 별도 작업창에서 완성된 레퍼런스 이미지 생성해 확인
  • 최종 완성 전 시안 단계에서 최대한 확인 후 완성본 제작하기

♦ 만드는 사람을 위한 간단 안내  *하단 프롬프트 참고

  • 프롬프트를 웹 제작 AI나 코딩 에이전트에 붙여 넣고, 먼저 웹 버전만 만들도록 진행하세요.
  • 이름, 문구, 알 개수, 색상은 원하는 값으로 바꿔도 됩니다. 참고 이미지가 있다면 함께 첨부하면 디자인 의도를 전달하기 쉬워요.
  • 맥·윈도우 설치 앱과 투명 위젯은 웹 버전과 별도 작업이에요. 웹 게임이 동작하는 것을 확인한 뒤 플랫폼별 앱 포장과 배포를 요청하세요.
  • 막히면 codex/클로드 코드에게 물어보면 됩니다! codex 혹은 클로드코드를 이용하세요. 일반 대화형 AI가 아닌 코드를 다루는 AI가 필요합니다.

프롬프트

게시글 하단에 프롬프트가 있으니 복사해서 사용해보세요!



앞으로 더 재밌고 유용한 정보 많이 올릴테니 많이들 들려주세요!
다나와 매거진 인스타그램 계정 바로가기 →