최신 글
다이어그램 종류는 왜 이렇게 많을까: 그림이 아니라 관점이라는 이야기
다이어그램 종류가 많은 이유는 각자 답하는 질문이 다르기 때문입니다. 같은 시스템을 Flowchart·Sequence·State로 그려 보며, 다이어그램은 그림이 아니라 관점이라는 생각에 이른 기록입니다.
몇 년 미뤄둔 받은편지함 대청소를, Claude Code에 Gmail MCP를 붙여 AI에게 맡겨본 기록입니다. OAuth 직접 발급 같은 셋업 함정부터, 부작용 있는 대량 작업을 AI에게 맡길 때 무엇이 어긋나는지, 휴지통·검증·범위 좁히기로 되돌릴 수 있게 설계한 과정을 담았습니다.
2026년 6월 발표된 /design-sync가 Claude Code와 Claude Design을 양방향으로 잇는 방식을 직접 써보기 전 사실 위주로 정리하고, 흔한 오해 두 가지(MCP 등록이 아닌 인증, 에이전트 위임이 아닌 파일 동기화)를 짚었습니다.
claude.ai와 Claude Code를 매일 쓰면서도 막연히 뭉뚱그려 두었던 둘의 차이를, 한번 제대로 구별해보고 싶어 파고들었습니다. AI가 대화를 기억하는 게 아니라 클라이언트가 매 턴 히스토리를 다시 첨부할 뿐이며, 이것이 CLAUDE.md가 매 턴 삽입되는 것과 같은 원리임을 짚은 기록입니다.
HTML은 doctype·head·body 세 개가 필수일까요. WHATWG 스펙 원문을 펼치고 W3C validator에 직접 돌려본 결과, 가장 엄밀한 최소 유효 문서는 세 줄이었습니다. DOCTYPE이 요소가 아닌 이유와 charset이 조건부인 이유까지 실측으로 확인합니다.
모델이 업데이트되는 건 엄밀히 따지면 파인튜닝일까. 사전학습·사후학습·파인튜닝의 경계를 먼저 정리하고, 매일 쓰는 Claude 라인업의 토크나이저 변화를 거의 유일한 단서로 각 전환의 성격을 추론한다. 다만 그 판단이 어디까지가 확증이고 어디부터가 추측인지 솔직하게 구분했다.
데스크톱은 멀쩡한데 아이폰에서만 웹게임 배경음이 무음이었습니다. 원인은 WKWebView의 Web Audio 라우팅 제약이었고, 무음 audio 요소로 오디오 세션을 먼저 열어 해결한 과정을 정리했습니다.
여름 멘토링용 정적 웹앱을 Vercel에 올린 뒤 개인 블로그 도메인의 서브도메인을 연결한 과정을 정리했습니다. Vercel CLI로 도메인을 추가하고 가비아 DNS에 A레코드를 등록한 다음, dig·curl·openssl로 전파와 HTTPS 인증서 발급까지 계층별로 확인하는 방법을 담았습니다.
쇼츠 자동화 렌더링에서 ffmpeg CPU가 906%까지 치솟던 문제를, 메모리가 아니라 Apple Silicon 전용 미디어 엔진(VideoToolbox)으로 인코딩을 넘겨 74%로 낮춘 기록입니다. h264_videotoolbox 명령과 VMAF 실측, 트레이드오프를 정리했습니다.
한 레포에만 쌓여 있던 개발 규율이 왜 다른 레포로 옮겨지지 않는지 따져보니, 방법론을 떠받치던 세 기둥이 전부 한 레포에 결합돼 있었습니다. 이를 글로벌 레이어로 끄집어내 opt-in으로 확장하고, 직접 만든 차단 hook을 적대적으로 검증해 우회와 과차단을 함께 잡은 기록입니다.