1) 반려돌이 가지고 싶어
나는 <에브리씽 에브리웨어 올앳원스> 영화를 좋아한다.
2022년에 처음 나온 이후, 지금까지 계속해서 아껴두고 돌려보고 있다.
거기에 나오는 googly eyes가 붙은
반려돌 굿즈가 너무 가지고 싶었다.
이 영화가 나온지 벌써 4년이나 지났지만...
아직도 이 돌이 괜히 탐났다.
그치만!! 돌을 돈주고 사기는 좀 그런...느낌
그래서 실물 굿즈 대신,
제가 하루에 절반 이상 붙어있는 컴퓨터 화면에
이 반려돌이 있으면 좋을 것 같다는 생각을 했다.
2) 기능
이 반려돌이 어떤 기능을 가지면 좋을까 고민해 보았는데,
반려돌은 원래 엄청난 기능을 가진 존재라기보다,
존재 자체만으로도 귀엽고 소중한 매력이 있는 것 같다는 생각을 했다.
그래서 제가 만든 반려돌 위젯도 특별히 많은 기능을 넣지는 않았다.
1) 사용자가 컴퓨터를 사용하는 동안에는 눈을 뜨고 있다가,
2) 일정 시간 동안 사용이 없으면 눈을 감고 잠에 든다.
3) 쓰다듬으면 눈웃음을 짓고, 흔들면 동공이 커진다.
별다른 기능은 없지만, 귀여운 것이 곧 기능인..
그런 위젯을 만들고 싶었다!
제작 과정
이번 바이브 코딩은 Claude code를 사용해서 해보았다.
사람마다 프롬프트를 어떻게 쓰고, 어떤 스킬을 쓰느냐에 다르겠지만,
Claude code와 Codex 각각의 미묘한 기능차이가 꽤 뚜렷한 것 같다.
이번에도 따로 어떠한 파일도 제작하지 않은 채
프롬프트만 가지고 시작했다.
하지만 여기서 저의 실수..
이전에 포트폴리오 제작용으로 만들어 둔 코드 폴더에
별도의 프로젝트 폴더를 생성하지 않고 그대로 작업을 진행한 것...ㅜㅜ
① 프로젝트가 분리되어 있지 않아 별도로
폴더를 나눠 달라고 요청해야 하는 번거로움이 발생
② 이후 프로젝트를 체계적으로 관리하기 위해서도
처음부터 폴더를 분리해 작업하는 것이 중요하다!!
여튼 Claude는 이러한 제 요청에..
이런 결과물을 만들어줬다.
✅ 이미지는 마음에 든다. 꽤 귀여움!
✅ 흔들면 눈이 커지고, 클릭하면 눈웃음 짓는 것이 귀엽다
❎눈꺼풀이 징그럽다. 눈꺼풀이 가오나시마냥 눈 위아래에...
❎ 위젯 형태가 아닌 브라우저 형태로 만들어줌
이를 바탕으로, 수정사항을 클로드에 다시 요청했다.
이렇게 하니 화면에 둥둥 떠다니는 위젯 형태로는 만들어졌는데,
클릭하면 갑자기 위젯이 꺼지고, 위젯 이동시 지지직 하는 문제가 생겼다.
이것 또한 수정 요청을 하니 제대로 반영은 되었다.
그러나 또 문제~...
내가 원했던 것은 컴퓨터에서 클릭하거나 타이핑하는 등
사용자의 활동이 감지되면 위젯이 깨어 있는 기능이었다.
하지만 Claude가 구현한 버전은 컴퓨터를 사용하고 있는지와 관계없이
위젯 자체를 조작하지 않으면 계속 눈을 감고 있는 방식이었다.
즉, 사용자의 컴퓨터 활동이 아니라 위젯과의 직접적인 상호작용만 감지하고 있었던 것!!
여기서...클로드를 다른 데에도 썼더니
크레딧을 다 써버려서 Codex로 넘어가 이어 작업했다.
여전히..조금 부족한 나의 프롬프트
그래도 뭔가 쓰면 쓸 수록
내가 구현하기 원하는 기능과 범위를 명확히 제한할 수록
크레딧도 아끼고... 시간도 절약할 수 있다는 걸 느끼고 있다.
이번엔 내가 원하는 대로 모든 기능이 구현되었다!!
이후에는 깃헙에 저장소를 만들어 두고, 배포 파일을 업로드 해달라고 부탁했다.
파일을 직접 올리는게 시간을 절약하는 방법이겠지만...
깃헙을 사용한지 약 1~2주... 어떤 파일을 어떻게 올려야 하는지 아직 잘 모르겠어서
그냥 코덱스에게 요청하고 있다.
배포파일
Release everythingeverywhereallatoncepetrock v.0.0.1 · inaeichoi/everythingeverywhereallatoncestone
[Pet Rock Widget] Out of all the timelines, you got the one where you have a pet rock. Pet it → it smiles :) Shake it → it panics :(
github.com
배포 파일!!
배포 파일의 zip 파일을 다운받은 뒤 압축을 풀고,
windows 배치파일을 키면
위젯이 실행된다!
(window만 가능, 맥북은 안됨)
이용해 보신 분이 있다면...
댓글로 후기 부탁드립니다..ㅎㅎ
'취미 > 바이브코딩' 카테고리의 다른 글
| 바이브코딩으로 왁뿌볼 위젯을 만들어보자 | 비전공자 개발일지 외전 (0) | 2026.07.05 |
|---|