오늘의 코스

Claude Code가 내 컴퓨터에 남기는 사용 기록을 읽어 "오늘 얼마 썼지?", "어떤 프로젝트가 돈을 많이 먹었지?", "캐시 덕분에 얼마나 아꼈지?"를 터미널에서 바로 보여주는 CLI입니다. 사용 데이터를 어디에도 보내지 않고 내 컴퓨터 안에서만 동작하며, 오늘 설치해도 지난달 기록까지 소급 집계됩니다. npm에 배포되어 있습니다.

• 오늘/주간/월간 비용 + 모델별 · 프로젝트/브랜치별 사용량 집계
• 요청 ID 기준 중복 제거로 정확한 비용 계산
• 히트맵 · 추이 · 세션 순위 · 캐시 절감액 · 월 예산 게이지 등 조회 명령

$ tokkaebi today
✔ 파일 269개 확인 · +16건 수집 (0.0초)

오늘 사용량 · 2026-08-11 (화) · $87.27
모델별 · 프로젝트/브랜치별 표 출력

캐시 절감  $390.21 — 캐시가 없었다면 오늘 $477.48
연속 사용  2일째

코딩테스트 준비를 문제 풀이로 끝내지 않고 학습 시스템으로 만든 웹 앱입니다. 유형별 로드맵을 따라 문제를 풀면 커버리지와 정확도가 쌓이고, 틀린 문제는 복습 큐로 돌아옵니다. 제한시간 모의고사와 접근을 설명한 뒤에야 코딩을 시작하는 라이브 코테 모드로 실전 감각을 훈련합니다.

• 그리디 · DP · BFS/DFS 등 18개 유형 123문제 로드맵 + 유형별 진행률
• 오답 기반 복습 큐 — 틀린 문제가 다시 풀 문제로 돌아옴
• 제한시간 모의고사 — 시험 시간 안의 제출만 채점
• 라이브 코테 모드 — 랜덤 문제 35분, 접근 설명 후 코딩 시작

연인·친구와 '로그'라는 공유 공간을 만들고, 초대코드 하나로 합류해 다녀온 음식점을 사진·별점·메모로 기록하는 React Native 앱입니다. 기록이 쌓이면 전부 지도 위 핀으로 모여 우리만의 맛집 지도가 완성됩니다. App Store에 출시되어 운영 중입니다.

• 초대코드 하나로 합류하는 공유 기록 공간 '로그' (로그당 최대 5명)
• 카카오 장소검색으로 위치·주소 자동 입력 + 사진 5장·별점·방문일·메모
• 내 맛집 핀 + 주변 음식점 핀 + 위시리스트를 지도 한 화면에서

앱 속 웹뷰 화면은 일반 웹과 달라서, 키보드가 화면을 밀어 올리거나 스크롤이 어색해지는 문제가 자주 생깁니다. wvkit은 이런 웹뷰 특유의 문제만 골라 해결하는 헤드리스 라이브러리입니다. Three.js 카메라 모델로 네이티브 같은 페이저를 재현하고, 코어/React/Vue 패키지로 제공합니다.

• CSS3DRenderer 카메라 모델 기반 가로·세로 페이저 + 핀치 줌 (ScrollContainer)
• visualViewport로 iOS 키보드 레이아웃 밀림 방지 (StableInput)
• 네이티브 바운스와 충돌 없는 풀투리프레시 상태 머신 (PullToRefresh)
• 소프트 키보드·세이프에어리어 반응형 감지 훅 (useVirtualKeyboard · useSafeArea)

"버그가 났어요"라는 제보를 받아도 재현이 안 되면 원인을 찾기 어렵습니다. qa-recorder는 화면(DOM)·네트워크·콘솔 로그를 백그라운드에서 최근 20분간 기록해 두었다가, 버그 직후 버튼 한 번에 전체 상황을 HTML 리포트 하나로 만들어주는 클라이언트 사이드 라이브러리입니다.

• rrweb 기반 DOM 세션 리플레이로 화면 상태 그대로 재생
• HAR 1.2 포맷 네트워크 캡처 (fetch · XHR 인터셉트, 최대 100개)
• error · warn · onerror · unhandledrejection 자동 수집
• Authorization · Cookie 등 민감 헤더 자동 마스킹

용량 큰 영상을 어딘가에 올리지 않고도 압축할 수 있는 웹 앱입니다. 브라우저가 지원하면 WebCodecs로 GPU 가속 인코딩을 쓰고, 아니면 FFmpeg.wasm으로 자동 전환합니다. 영상이 기기 밖으로 나가지 않아 민감한 영상도 안심하고 처리할 수 있습니다.

• WebCodecs · FFmpeg.wasm 하이브리드 엔진 자동 폴백
• H.264 인코딩 · CRF 18~40 품질 슬라이더
• 원본 / 1080p / 720p / 480p 해상도 선택
• 실시간 진행률 표시 · 영상은 브라우저 밖으로 나가지 않음

환경변수와 JSON 설정이 흩어져 있으면 오타나 타입 실수를 배포 후에야 발견하게 됩니다. envault는 하나의 스키마로 두 설정을 함께 검증하고 문자열을 알맞은 타입으로 자동 변환하는 도구입니다. 민감 값 마스킹과 검증·생성·비교용 CLI를 내장합니다.

• 단일 스키마로 env · JSON 설정 동시 검증
• 문자열 → 숫자 · 불리언 자동 타입 변환
• 민감 값 마스킹 출력 (sk-****xxxx)
• 완전한 TypeScript 타입 추론 (zero-config)