DevTools
Claude Code는 앱이다 — Agentic Loop, 토큰 흐름, Hook의 동작 원리
Claude Code의 실체는 API를 반복 호출하는 Node.js 루프 프로그램. 턴별 토큰 흐름과 Hook의 개입 지점 정리
Blog
기술 기록
DevTools
AI 퍼블리싱의 일관성 문제, 디자인 시스템 맵으로 해결하기
같은 Figma 디자인인데 AI가 매번 다른 코드를 만드는 문제를 JSON 매핑으로 해결한 과정
DevTools
Figma MCP vs REST API — 퍼블리싱 워크플로우에서 무엇을 써야 하는가
MCP 기반에서 Python + REST API로 전환하며 체감한 두 방식의 차이와 조합 패턴 정리
DevTools
Figma → 코드 자동화 퍼블리싱 전략
외주 프로젝트에 적용 중인 Figma → 코드 자동화 파이프라인 설계 기록
DevTools
Python vs 쉘 스크립트 — 자동화 도구를 선택하는 기준
Figma 퍼블리싱 파이프라인 포팅 경험을 바탕으로 쉘 스크립트와 Python의 선택 기준 정리
Frontend
사주고사 제작기 — 6일차
사주 지식 없는 일반인을 위한 인생 추리 모드를 추가했다. 객관식, 클라이언트 로직, localStorage — 뺄수록 진입장벽이 낮아졌다.
DevTools
Claude Code 스킬로 Figma-to-Code 퍼블리싱 파이프라인 만들기
오케스트레이터 → 실행 스킬 → 서브에이전트 구조로 Figma 디자인을 Next.js 코드로 자동 변환하는 스킬 시스템 설계기
DevTools
Figma → 코드 자동화 스킬 개발기: 엣지케이스와의 전쟁
Claude Code 스킬 시스템으로 Figma 디자인을 Next.js 코드로 자동 퍼블리싱하는 워크플로우를 구축했다. 안정적인 대규모 디자인 처리를 위한 아키텍처를 5라운드에 걸쳐 개선한 기록.
DevTools
Claude Code에서 반응형 퍼블리싱 자동화: Skill vs Agent 아키텍처
Figma 반응형 퍼블리싱 시 컨텍스트 한계로 AI가 추측하는 문제를, 섹션 분할과 Skill→Agent 위임 패턴으로 해결한 과정
DevTools
Claude Code의 AI 협업 패턴: Subagent vs Team
Claude Code에서 AI를 활용하는 두 가지 핵심 패턴을 실제 프로젝트 적용 사례와 함께 비교한다.
DevTools
Claude Code 토큰 최적화와 에이전트 전략
Claude Code의 턴별 토큰 누적 재전송 원리와 스킬/서브에이전트/팀 실행 환경 비교, 멀티 페이지 퍼블리싱 최적화 전략 정리
DevTools
Claude Code의 CLAUDE.md와 Memory 시스템 활용기
매 세션마다 같은 규칙을 반복 설명하는 대신, CLAUDE.md와 Memory 시스템으로 프로젝트 규칙을 자동화하는 방법을 정리했다.
DevTools
Figma 퍼블리싱, 순차에서 병렬로 — Claude Code 서브에이전트 활용기
Figma MCP의 데이터 잘림 문제를 노드 트리 분석과 서브에이전트 병렬 실행으로 해결하는 방법을 정리했다.
Frontend
Next.js App Router에서 멀티스텝 폼의 뒤로가기 차단 구현하기
History API의 더미 entry 패턴과 popstate, beforeunload, requestLeave 콜백을 조합하여 멀티스텝 폼의 이탈을 방지하는 방법을 정리합니다.
Mobile
iOS 빌드 서명 및 위젯 중복 등록 트러블슈팅
EAS Production 빌드 시 서명 충돌, appex 중복 등록, 위젯 상태 동기화 버그를 해결한 과정을 정리합니다.
Mobile
Live Activity (위젯) 트러블슈팅
iOS Live Activity 위젯의 타이머 동기화, 딥링크 처리, 백그라운드 auto-pause 등 다양한 이슈를 해결한 과정을 정리합니다.
Mobile
Live Activity 추가 후 Xcode 아카이브 및 배포 에러 트러블슈팅
Live Activity 익스텐션 타겟 추가 후 발생하는 프로비저닝 프로파일 오류를 EAS 원격 빌드로 해결하는 방법을 정리합니다.