DevTools
Next.js 블로그에 Mermaid 다이어그램 도입기 (npm 없이 CDN으로)
블로그 다이어그램이 한국어 때문에 깨지는 문제를 발견하고, Mermaid를 CDN 방식으로 도입한 과정.
기술 기록
블로그 다이어그램이 한국어 때문에 깨지는 문제를 발견하고, Mermaid를 CDN 방식으로 도입한 과정.
S3 Presigned URL의 동작 원리부터 서명, 업로드 흐름, 보안 모델까지 정리
Claude Code의 실체는 API를 반복 호출하는 Node.js 루프 프로그램. 턴별 토큰 흐름과 Hook의 개입 지점 정리
Figma 퍼블리싱 파이프라인 포팅 경험을 바탕으로 쉘 스크립트와 Python의 선택 기준 정리
Figma 반응형 퍼블리싱 시 컨텍스트 한계로 AI가 추측하는 문제를, 섹션 분할과 Skill→Agent 위임 패턴으로 해결한 과정
Claude Code에서 AI를 활용하는 두 가지 핵심 패턴을 실제 프로젝트 적용 사례와 함께 비교한다.
Claude Code의 턴별 토큰 누적 재전송 원리와 스킬/서브에이전트/팀 실행 환경 비교, 멀티 페이지 퍼블리싱 최적화 전략 정리
매 세션마다 같은 규칙을 반복 설명하는 대신, CLAUDE.md와 Memory 시스템으로 프로젝트 규칙을 자동화하는 방법을 정리했다.
History API의 더미 entry 패턴과 popstate, beforeunload, requestLeave 콜백을 조합하여 멀티스텝 폼의 이탈을 방지하는 방법을 정리한다.
EAS Production 빌드에서 부딪힌 서명 충돌, appex 중복 등록, 위젯 상태 동기화 버그를 어떻게 풀었는지.