전체 글 (25) 썸네일형 리스트형 트레이 메뉴가 안 바뀌던 1줄짜리 Windows 함정 — 포모도로 통합 뒷이야기 (Claude Code 실전기 [5/5]) CLAUDE CODE 실전기 · 5/5 "그냥 타이머 하나" 가 아니었다— 뽁이에 포모도로 붙인 이야기 데스크톱 앱에서 "같은 기능이 3개 레이어"가 되는 이유 📌 요약 기능: 포모도로 타이머 (기본 25분 집중 / 5분 휴식). 집중 중 뽁이는 sit 자세로 고정(focus lock), 휴식 땐 평소대로 움직임. 세션 끝날 때 말풍선 알림. UI가 3곳: 트레이 메뉴, 뽁이 머리 위 배지, 뽁이 클릭 bubble. 각각 똑같은 상태를 다른 모습으로. 배운 점: 상태 머신은 순수 로직으로 분리하고 TDD로 먼저 굳히면 UI 작업이 "그 상태를 어떻게 보여줄지"만 되어 빠르고 안전. 삽질 1건: Windows 트레이에서 메뉴 라벨이 "시작"에서 "중지"로 안 .. 바탕화면 펫이 757MB 쓰길래 다이어트 시켰다 — Claude Code 실전기 [4/5] CLAUDE CODE 실전기 · 4/5 바탕화면 펫이 757MB 쓰길래다이어트 시켰다 Electron 상시 메모리 757 MB → 520 MB (-31%) 📌 요약 결과: Electron 데스크톱 펫 상시 메모리 757 MB → 520 MB (-31%). 사용 흐름(창 열기/닫기)에 아무 영향 없음. 원인: 부팅 시 BrowserWindow 6개를 모두 pre-create. 각 창마다 renderer 프로세스 1개 + V8 isolate + DOM 트리. 해결: 4개 "가끔 쓰는 창"(memo·launcher·settings·info)을 lazy 생성. 창 X 버튼 동작도 hide → destroy 로 변경. 데이터는 Store(JSON)에 영속. 보너스: .. Electron 실전 삽질기 6선 — 크래시·드래그·자동업데이트까지 (Claude Code 실전기 [3/5]) CLAUDE CODE 실전기 · 3/3Electron 실전 삽질기 6선— 크래시·드래그·자동업데이트까지구현이 끝났다고 끝난 게 아니었다📌 요약e2e 짜자마자 패키지 앱 안 뜨는 3버그 발견 (preload · quit · single-instance)셧다운 중 Object has been destroyed 크래시 → isDestroyed guard 11곳투명 창에서 file:// fetch 차단 → IPC로 dataURL 직접 반환드래그 UX 3콤보: pointer capture · 다중 모니터 · 낙하 물리말풍선 popover 3종세트 · window.prompt 모달 우회자동 업데이트 (electron-updater) 도입 → v0.3.0 배포까지 완주💡 이 글은 Claude Code 실전기 시리.. 반려견 사진 한 장으로 픽셀아트 스프라이트를 만들었다 — Claude Code 실전기 [2/5] CLAUDE CODE 실전기 · 2/3반려견 사진 한 장으로픽셀아트 스프라이트를 만들었다AI 이미지 결과를 실 프로덕션 자산으로 만드는 후처리 파이프라인📌 요약일반 AI 이미지 도구(ChatGPT/DALL-E/Gemini)는 32×32 픽셀 정확도가 약하다. 결과가 항상 크게 나오고, 프레임이 그리드에 안 맞음.실 반려견 사진을 프롬프트에 넣기 — "generic cute poodle"보다 훨씬 개성 있는 결과.후처리 파이프라인이 실은 개발자의 일. bbox 자동 검출, 알파 가중 다운샘플, 프레임 재정렬을 스크립트로.스크립트: resize-sprite.mjs · extract-frames.mjs · gen-tray-icon.mjs💡 이 글은 Claude Code 실전기 시리즈 2편입니다. 1편 — .. 코드 한 줄 안 짜고 Windows 앱 배포까지 갔다 — Claude Code 실전기 [1/5] CLAUDE CODE 실전기 · 1/3코드 한 줄 안 짜고Windows 앱 배포까지 갔다스펙 · SDD · 자동 업데이트까지 하루 만에📌 요약결과물: Windows 바탕화면 갈색 픽셀아트 푸들 펫 뽁이(BOKKI). .exe 인스톨러 + 자동 업데이트.도구: Claude Code (Opus 4.7) + Superpowers 스킬 체인프로세스: brainstorming → writing-plans → subagent-driven-development배운 것: 간단한 앱이라도 스펙부터 · Task마다 fresh subagent · e2e가 유닛 100개보다 나은 순간🐩 왜 데스크톱 펫을 만들었나3가지 이유가 있었다.개인 도구 — 매일 쓰는 메모 앱은 이미 있지만 "빠른 메모" 접근성이 늘 아쉬웠다. 바.. [AWS] Amazon Virtual Private Cloud 비용 발생 (프리티어) 어제 AWS가입 후 프리티어로 EC2, RDS를 하나씩 올리고 로컬환경에서 접속까지 가능한걸 확인 하고 자고 일어났더니이상한 메일 하나를 받았다.예산을 초과했다?분명 어제 프리티어로 사용한 터라 요금이 나올일이 없는데..?다행히도 어제 0.01$ 이상 요금발생시 알람이 오게 설정해서 오늘 아침에서 발견할 수 있었다. 그렇다면 어디서 요금이 발생하고 있는거지?과금 정보 및 비용 관리 > 청구서 탭에서 내용을 확인 해보니 Amazon Virtual Private Cloud 에서 비용이 발생 하고 있었다.$0.005 per In-use public IPv4 address per hour .....VPC에서 왜..(?)원인결론적으로 원인은 RDS의 public IP 설정에 있었다.개발용 디비를 올려놓기 위함이였.. [AWS] 초기 구축 및 셋팅 가이드 문서 (작성중) AWS 가입IAM 사용자 생성 -> MFA 적용 -> https://sylphccg.tistory.com/entry/AWS-MFA-%EC%84%A4%EC%A0%95과금 방지 알림 -> https://sylphccg.tistory.com/entry/AWS-%EC%98%88%EC%82%B0%EC%83%9D%EC%84%B1EC2 생성RDS 생성도메인 구매 (hosting.kr에서 구매) Route53 영역 생성도메인 설정로드밸런서 셋팅Ssl 적용 [AWS] 예산생성 1. 예산 생성 예산 및 계획 -> 예산 클릭 -> 우상단 예산 생성 클릭 2. 예산 설정템플릿 사용 / 제로 지출 예산 선택 (for 프리티어) 이전 1 2 3 4 다음
