Claude는 왜 마크다운 버렸나

Claude Code HTML 출력, CodeBurn 토큰 추적 대시보드, 이름 처리 오해 — 5월 10일 GeekNews TOP3 시각화
DIGEST
  • Claude Code 팀이 Markdown 대신 HTML 출력으로 갈아탔다 — 토큰은 2~4배, 결과물 활용도는 그 이상
  • CodeBurn — 18개 AI 코딩 도구 토큰·비용을 디스크에서 직접 읽어 메뉴바에 띄우는 TUI 대시보드
  • 이름에 대한 프로그래머의 40가지 착각 (2010) — 16년 지났지만 여전히 입력폼은 깨진다

5월 10일 GeekNews를 끌어올린 세 글은 묘하게 한 줄로 이어진다. Claude Code는 출력 매체를 Markdown에서 HTML로 옮기며 더 풍부한 결과물을 만들고 있고, 그 대가로 늘어난 토큰을 어디서 새는지 추적하는 도구가 동시에 등장했다. 그리고 16년 전 글이 다시 1면에 올라온 이유는 — 우리가 여전히 가장 기본적인 데이터인 사람 이름조차 제대로 다루지 못하고 있다는 사실이다.

Claude Code, Markdown 버리고 HTML로 — 토큰 2~4배 써도 가치 있는 이유

100줄 넘는 Markdown은 더 이상 안 읽힌다

Claude Code 팀이 내부 출력 형식을 Markdown에서 HTML로 바꿨다는 글이 GeekNews TOP1을 차지했다. 이유는 단순하다. Claude가 다루는 작업의 복잡도가 커지면서 100줄 넘는 Markdown 계획서나 보고서가 사실상 읽히지 않게 됐기 때문이다. HTML은 표, CSS, SVG, JavaScript 상호작용, 이미지, 캔버스, 절대 위치까지 표현할 수 있어 시각적으로 탐색 가능한 결과물을 만들 수 있다.

활용처는 다섯 갈래다. 스펙·계획·탐색용 그리드, PR diff와 모듈 흐름을 색상으로 표현한 코드 리뷰 페이지, 슬라이더로 파라미터를 조정하는 디자인 프로토타입, SVG 다이어그램이 들어간 리서치 보고서, 그리고 30개 Linear 티켓을 Now/Next/Later/Cut 카드로 드래그하는 일회용 편집 인터페이스다. 핵심은 마지막에 “copy as JSON” 버튼을 넣어 결과를 다시 Claude Code에 붙여넣을 수 있게 하는 패턴이다.

대가도 명확하다. HTML 생성은 Markdown보다 2~4배 오래 걸리고 토큰을 더 쓴다. diff가 시끄러워 버전 관리가 어렵다. Hacker News 토론에서는 “Markdown은 인라인 HTML을 지원하니 pandoc 같은 빌드 절차를 붙인 MDX가 중간 지점”이라는 의견과, “단일 index.html에 인라인 CSS·JS를 다 넣고 회사 공유 서버 ~/ 폴더에 던져두면 모두가 즉시 쓴다”는 실용적 접근이 동시에 나왔다.

Tech Insight — Opus 4.7의 1MM 컨텍스트가 토큰 비용 부담을 가렸지만, 진짜 변화는 “결과물 공유 가능성”이다. S3 링크 한 줄로 동료가 여는 HTML 보고서는, 메신저에 첨부하는 .md 파일보다 압도적으로 자주 읽힌다. 출력 형식이 곧 협업 비용이라는 점을 Claude 팀이 먼저 깨달은 셈.


CodeBurn — 18개 AI 코딩 도구 토큰을 메뉴바에 띄우는 법

래퍼·프록시 없이 디스크에서 직접 읽는다

Claude Code, Codex, Cursor 등 18개 AI 코딩 도구의 토큰 사용량과 비용을 한 화면에서 추적하는 터미널 대시보드 CodeBurn이 GeekNews TOP2에 올랐다. 가장 결정적인 차별점은 “어떻게 측정하는가”다. 래퍼·프록시·API 키를 요구하지 않고, 각 도구가 디스크에 저장한 세션 데이터를 직접 읽어 LiteLLM 가격 데이터로 비용을 산정한다. 모든 처리가 로컬에서 끝난다.

세 가지 명령이 핵심이다. codeburn optimize는 반복 파일 읽기, 미사용 MCP 서버, 비대해진 CLAUDE.md, 저가치 고비용 세션 같은 낭비 패턴을 자동 탐지하고 복사 가능한 수정안까지 제시한다. 발견 항목마다 예상 절약 토큰·달러를 표시하고 설정 건강도를 A~F로 평가한다. codeburn compare는 모델별 원샷 성공률·재시도율·호출당 비용·캐시 히트율을 나란히 비교한다. codeburn yield는 AI 세션을 git 커밋과 연계해 Productive / Reverted / Abandoned로 지출을 분류 — 진짜 생산성 기여도를 본다.

실용 기능도 단단하다. 작업 유형을 13개 카테고리(Coding, Debugging, Feature Dev, Testing 등)로 LLM 호출 없이 결정론적으로 분류해 토큰이 어디서 소모되는지 즉시 보인다. macOS 메뉴 바 앱은 codeburn menubar 한 줄로 설치되고 오늘 지출이 실시간으로 떠 있다. Frankfurter API로 162개 통화를 지원해 codeburn currency KRW로 원화 표시도 가능하다. 설치는 npm install -g codeburn 또는 brew install codeburn, MIT 라이선스다.

Tech Insight — TOP1과 묶어 읽어야 의미가 산다. HTML 출력은 토큰을 2~4배 더 쓴다. CodeBurn의 yield 분류 — 커밋된 작업과 폐기된 작업을 비용으로 나누는 — 가 없으면 “Claude가 비싸졌다”는 막연한 인상만 남는다. 결정론적 13 카테고리 분류는 LLM 비용을 LLM에 묻지 않는다는 점에서 더 영리하다.


이름에 대한 프로그래머의 40가지 착각 — 2010년 글이 왜 또 1면인가

16년이 지났는데도 입력폼은 여전히 깨진다

Patrick McKenzie의 2010년 고전 “Falsehoods Programmers Believe About Names”가 다시 GeekNews TOP3로 올라왔다. 본문은 단순한 40개 명제 모음이지만, 한 줄씩 읽다 보면 우리 시스템이 얼마나 나이브한 가정 위에 서 있는지가 드러난다. “사람에게는 정확히 하나의 표준 이름이 있다”, “이름은 ASCII로 표기된다”, “이름은 변하지 않는다”, “성과 이름은 다르다” — 이 모든 것이 거짓이다.

특히 24~27번 항목 — “내 시스템은 절대 중국인 / 일본인 / 한국인 / 아일랜드 / 영국 / 스페인 / 러시아 이름을 다룰 일이 없을 것이다” — 는 글로벌 서비스를 만드는 한국 개발자에게 직격탄이다. 30번 “이름을 변환하고 손실 없이 원본으로 되돌릴 수 있는 알고리즘이 존재한다”는 슬러그·이메일·표시 이름 정규화 로직 어디서나 무너진다. 38번 “잘 설계된 시스템이라면 두 입력자가 같은 이름을 비트 단위로 동일하게 입력한다”는 가정은 NFC/NFD 유니코드 정규화 한 줄 빼먹은 모든 데이터베이스에서 매일 깨지고 있다.

댓글에서 “2010년 글인데 이제는 자기 이름을 입력할 수 있는 환경일까요”라는 회의가 나온 것도 이유가 있다. 길이 제한, 영문 강제, 띄어쓰기 금지, 한 글자 이름 거부 — 16년이 지난 한국 서비스에서도 흔히 발견되는 안티패턴이다. AI 에이전트가 SaaS 폼을 자동 채울 일이 늘어나는 지금, 이 40개 항목은 입력 검증 코드 리뷰 체크리스트로 다시 읽힐 만하다.

Tech Insight — AI가 생성하는 코드도 이 함정을 그대로 답습한다. Claude·Codex가 “사용자 이름은 영문/숫자만 허용”이라는 검증 코드를 즉석에서 만들어내는 빈도를 보면, 사람 멘토가 사라진 자리에 16년 전 함정이 다시 스며들고 있다는 게 보인다. 글로벌 진출용 회원가입 폼을 짠다면 — 이 40번 리스트를 프롬프트에 그대로 붙여 넣자.


관련 글

출처

  1. GeekNews — 클로드 코드 사용하기: HTML의 놀라운 효율성
  2. GeekNews — CodeBurn: AI 코딩 도구 토큰 사용량/비용 추적 TUI 대시보드
  3. GeekNews — 이름에 대한 프로그래머의 오해들 (2010)
  4. GitHub — getagentseal/codeburn 저장소
  5. Kalzumeus — Falsehoods Programmers Believe About Names

AI Biz Insider · Tech Digest · aibizinsider.com


AI Biz Insider에서 더 알아보기

구독을 신청하면 최신 게시물을 이메일로 받아볼 수 있습니다.

코멘트

댓글 남기기

AI Biz Insider에서 더 알아보기

지금 구독하여 계속 읽고 전체 아카이브에 액세스하세요.

계속 읽기

AI Biz Insider에서 더 알아보기

지금 구독하여 계속 읽고 전체 아카이브에 액세스하세요.

계속 읽기