🥚
만드는 이야기2026-09-16
PokeTokenBar — 쓸수록 귀여워지는 토큰 계산기
클로드에 쏟아부은 토큰이 포켓몬으로 부화해서 자랍니다. 메뉴 막대에 알 하나 올려 뒀을 뿐인데 도트가 쉴 새 없이 꼼지락거리고, 성격까지 있어서 자꾸 열어 보게 돼요. 어떻게 크는지, 무엇을 읽는지, 설치는 어떤지 적었습니다.
클로드에 쏟아부은 토큰이 포켓몬으로 부화해서 자랍니다. 메뉴 막대에 알 하나 올려 뒀을 뿐인데 도트가 쉴 새 없이 꼼지락거리고, 성격까지 있어서 자꾸 열어 보게 돼요. 어떻게 크는지, 무엇을 읽는지, 설치는 어떤지 적었습니다.
oh-my-claudecode(OMC)의 기본 흐름 4단계, 실제로 쓴 역할 9개, 그리고 그대로 붙여 쓰는 요청 예시를 카드로 정리했습니다. 이 사이트 작업 사례 기준입니다.
기획·디자인·화면·인터랙션·백엔드·배포를 한 사람이 클로드와 함께 돌린 기록입니다. 무엇을 맡기고 무엇을 직접 판단했는지, 그리고 클로드를 잘 쓰는 개념을 정리했습니다.
운동·독서·물 마시기 같은 습관이 작심삼일로 끝나는 이유와, 그걸 넘기는 세 가지 방법을 정리했어요. 매일 체크만 하는 습관 트래커를 어떻게 쓰면 좋은지도 함께 알려드려요.
팀 총무를 처음 맡은 분을 위한 월별·분기별 체크리스트예요. 회식 날짜 잡기, 장소 정하기, 정산, 경조사, 야근 정산까지 총무가 1년 동안 챙길 일을 순서대로 정리하고, 각 단계에서 쓰는 도구를 연결해 드려요.
직장 동료·친구·친척 결혼식과 장례식에 얼마를 내는 게 일반적인지, 봉투는 어떻게 쓰는지, 회사 경조 규정은 무엇을 확인해야 하는지 정리했어요. 받은 것을 기록해 두면 왜 편한지도 함께요.
남복·여복·혼복 라운드를 어떻게 섞는지, 출전 횟수를 공평하게 맞추는 규칙, 승점과 득실로 순위 매기는 법, 그리고 점수 입력을 총무 혼자 떠안지 않는 방법까지. 교류전을 운영할 때 바로 쓸 수 있게 정리한 노하우예요.
한 번 져도 끝이 아닌 더블 엘리미네이션 방식으로 8팀 대회를 여는 법이에요. 승자조·패자조 흐름, 그랜드 파이널 단판으로 1·2위를 가르는 방식, 코트 4면 12시~18시 기준 시간표, 팀 내 시드와 4게임 단위 페어 교체 규칙까지 한 번에 정리했어요.
누가 먼저 냈는지, 술 안 마신 사람은 어떻게 하는지, 중간에 합류한 사람은 얼마를 내는지. 총무 경험으로 정리한 정산 원칙과 송금 횟수를 줄이는 원리, 그리고 엔빵 계산기 활용법이에요.
보상휴가제가 무엇인지, 왜 1.5배 시간으로 쌓이는지, 회사마다 어떻게 다른지, 연말에 사라지지 않게 챙기는 법까지. 야근 계산기로 내 휴가 일수를 자동으로 세는 방법도 함께 알려드려요.
통상임금, 연장근로 1.5배, 밤 10시 이후 야간근로 가산, 휴일근로까지. 2026년 근로기준법 일반 원칙을 예시 숫자로 풀어 설명하고, 회사 규정이 우선한다는 점도 짚어드려요.
러닝 거리·페이스·심박수와 웨이트 볼륨까지 한 곳에서 관리하고 싶으셨나요? PR(개인 기록)과 주간 통계를 자동으로 계산해주는 황총무의 운동 일지 사용법을 알려드려요.
회식 날짜, 모임 날짜 잡기가 너무 힘드시죠? 소거법으로 안 되는 날만 빼면 되는 날이 보여요. 황총무의 약속 잡기를 단계별로 사용하는 방법을 알려드려요.
일상의 작은 불편함을 해결하기 위해 만든 서비스들 — 약속 잡기, N빵 계산기, 야근 계산기 등 다양한 미니 서비스를 왜 만들었고 어떻게 발전시켜 왔는지 이야기합니다.
친구들과 약속을 잡을 때마다 카톡으로 날짜를 주고받던 번거로움. 소거법 기반 투표 시스템으로 해결한 과정과 기술적 고민을 공유합니다.
모임 후 정산할 때 누가 얼마를 내야 하는지 계산하는 건 늘 골치 아픈 일이었습니다. 다양한 정산 케이스를 고려한 N빵 계산기를 만들게 된 이유와 구현 방식을 소개합니다.
야근 시간을 입력하면 보상휴가 일수를 자동 계산해주는 도구를 만들었습니다. 10시 전/후 배율 차이, 누적 기준 등 복잡한 규정을 코드로 풀어낸 과정을 공유합니다.
Next.js 14 App Router 환경에서 styled-components를 SSR로 적용하면서 겪은 시행착오와 해결 과정을 정리했습니다. StyledComponentsRegistry 패턴과 compiler 설정까지.
장소잡기와 약속잡기에 실시간 투표 기능을 구현하면서 Supabase의 Realtime 기능을 활용한 경험을 공유합니다.
습관을 만들고 유지하는 것은 어렵지만, 매일 체크하며 쌓이는 기록은 큰 동기부여가 됩니다. 습관 관리 서비스의 기획 의도와 디자인 과정을 이야기합니다.
@hwangchongmu/ui 패키지를 만들어 Button, Input, Typography 등 공통 컴포넌트를 관리하는 모노레포 구조를 소개합니다.