Portfolio
비즈니스 문제를 기술로 해결한 경험들입니다.
작은 토이 프로젝트부터 실무 레벨의 서비스까지 다양한 결과물을 확인해보세요.
언커버 (Uncover)
저작권 문제없는 음원을 찾고 영상과 미리 매칭해보는 스트리밍 플랫폼. Recoil 상태 관리와 Audio/Video 동기화 로직 구현.
AI 협업 포트폴리오 (subeom.dev)
Next.js 14와 FSD 아키텍처, Supabase로 구축하고 AI와 협업하여 완성한 나만의 포트폴리오 플랫폼
항해플러스 아카이빙
LMS 과제 제출 이력 영구 보존 서비스. 결함 허용 PR 매칭 알고리즘 설계 및 4-Layer Fallback 로직 구현.
Claude Code Skills Panel
Claude Code 슬래시 커맨드를 한 번의 클릭으로 실행하는 VS Code 확장. Open VSX 4,466 다운로드 · 평점 5.0, 7일 만에 v0.44.6, 4개 IDE · 4개 언어 배포.
claude-distill
Claude를 매일 새로 출근하는 알바생이라고 생각해보세요 — 어제 가르친 요령을 오늘 또 설명하지 않게, 인수인계 노트를 자동으로 적어두는 Stop hook 기반 npm CLI.
애니스쿨 (Anyschool)
얼굴 공개 부담 없이 개성을 표현할 수 있는 랜덤 동물 캐릭터 생성 서비스. AWS Lambda를 활용한 이미지 처리 파이프라인 구축.
A11yGym: 웹 접근성(KWCAG 2.2) 실습 플랫폼
Monaco Editor와 axe-core를 iframe 내에서 연동하여 실시간 접근성 검증 시스템을 구축한 인터랙티브 학습 플랫폼
Latest Articles
지속적인 학습과 성장을 기록합니다. 최근 작성한 블로그 글들을 확인해보세요.
세션당 LLM 비용을 ~10× 줄인 4단 게이트 — claude-distill 의 비용 모델 설계
매 세션 자동 실행되는 Stop hook 의 비용 부담을 4단 게이트(재귀 가드 → dedup → 휴리스틱 → Haiku)로 사전 차단. 본 추출 호출 비율을 ~10% 로 줄여 세션당 평균 비용을 ~$0 가까이 만든 설계.
Claude에게 같은 함정을 세 번째 설명하다가 만든 npm CLI — claude-distill 개발기
매 세션 휘발되는 결정·페일·노하우를 자동 누적하는 Stop hook 기반 글로벌 CLI. 4단 게이트로 비용 ~10× 절감하고, 첫 배포 3일 만에 주간 522 다운로드를 기록했다.
누적 토큰에서 회당 평균으로 — 메트릭의 정의가 기능보다 중요했던 순간
Claude Code Skills Panel 의 토큰 추적 기능은 v0.40 에서 도입됐지만 진짜 가치를 낸 건 v0.44.6 에서 메트릭을 다시 정의한 순간이었다. 같은 데이터, 같은 코드, 완전히 다른 사용자 인지.