AI 세션 대시보드 만들기
Claude Code 세션을 여러 개 돌리면 어느 게 권한 대기인지, 어떤 탭이 무슨 작업인지 분간이 안 된다. claude-deck이라는 브라우저 터미널 대시보드를 직접 만들어보며 겪은 문제와 경험을 정리했다.
그래프 엔지니어링: 에이전트에게 개발 맡기는 법
타입체크도 테스트도 다 통과했는데, 왜 화면을 열면 깨질까. 에이전트에게 개발을 맡기며 겪은 문제와 그걸 그래프 엔지니어링이라는 절차로 만든 과정을 정리했다. 화면 개발을 네 층으로 가르는 법과 시안 수치를 DOM 실측으로 대조한 방법을 함께 적었다.
정적 콘텐츠에 React가 정말 필요할까? Astro로 블로그를 만든 이유
MDN의 아키텍처 회고에서 시작해 Astro의 Island Architecture, Hydration, Server Islands, View Transitions, MDX까지. 정적 콘텐츠 중심의 블로그를 만들며 Astro를 선택한 이유와 내부 동작을 정리했다.
Browser Design QC Skill
Figma 스펙과 브라우저 CSS 실측값을 자동 비교해 색상·타이포그래피·치수·간격·문구 5가지 결함을 검출하는 Claude Code 디자인 QC 스킬을 만들었다.
Next.js의 4가지 캐싱 메커니즘
App Router에서 발생한 Router Cache 이슈를 계기로 공식문서를 통해 Request Memoization, Data Cache, Full Route Cache, Router Cache를 정리했다.