프론트엔드에 빠진 지표: TBT Window — 2026년 23주 웹 개발

이번 주 웹 개발 일반 카테고리는 Addy Osmani의 AI 보조 엔지니어링 관련 두 편의 글이 중심이었습니다. 첫 번째 글은 루프 엔지니어링을 소개했습니다. 자동화, 워크트리, 스킬, MCP 커넥터, 서브에이전트라는 다섯 가지 요소를 기반으로 코딩 에이전트를 매 턴마다 직접 프롬프트하는 대신 자율적으로 오케스트레이션하는 시스템을 설계하는 방식입니다. Codex와 Claude Code 모두 이 다섯 가지를 지원합니다. Osmani는 루프가 세 가지 위험을 심화시킨다고 경고했습니다. 무인 상태의 실수, 직접 작성하지 않은 코드의 이해 부채, 독립적 판단을 포기하는 인지적 항복입니다. 두 번째 글은 Margaret-Anne Storey의 Triple Debt Model을 에이전트 시대에 적용하며 인텐트 부채라는 개념을 도입했습니다. AI가 생성할 수 없는 목표와 근거가 외부화되지 않을 때 발생하는 세션당 비용입니다. 목표를 spec에 기록하고, AGENTS.md를 인텐트 원장으로 활용하며, 결정 시점에 경량 ADR을 기록하고, 에이전트가 세션 후 학습 내용을 영속 파일에 기록하는 피드백 루프를 권장했습니다.

GitHub는 Microsoft Build에서 GitHub Copilot 앱을 발표했습니다. 단일 My Work 뷰에서 병렬 에이전트 세션을 관리하는 데스크탑 컨트롤 센터로 각 세션은 격리된 git 워크트리에서 실행됩니다. Canvases 기능은 에이전트와 개발자가 동일한 화면에서 작업하는 양방향 작업 공간을 제공합니다. Agent Merge는 CI 모니터링, 리뷰어 추적, 조건부 자동 머지를 포함한 PR 라이프사이클을 자동화합니다. Copilot 코드 리뷰는 더 높은 추론 모델로 PR을 라우팅하는 medium 티어 모드를 추가했고, Copilot SDK는 Node.js/TypeScript, Python, Go, .NET, Rust, Java 6개 언어로 정식 출시되었습니다. Christoph Nakazawa(cpojer)는 30일간 Vite+, fate 1.0, Codiff, Athena Crisis에 걸쳐 770개의 커밋을 올렸다고 밝히며 AI 시대에도 지속되는 여섯 가지 엔지니어링 가치를 제시했습니다. 도메인 오너십, 취향, 엄격한 가드레일, 레포 내 컨텍스트, 스택 직접 소유, 옵션 가치 보존입니다.

Harry Roberts는 TBT Window 개념을 소개했습니다. FCP에서 TTI 사이의 구간으로 Total Blocking Time을 측정하는 범위입니다. 한 클라이언트의 TBT가 JavaScript 악화가 아닌 preload 힌트가 TTI의 5초 quiet-window 조건을 위반해 495ms에서 5,789ms로 급등한 사례를 진단했습니다. OWASP Top 10 2025 공동 저자 Tanya Janka는 취약한 컴포넌트 항목을 전체 소프트웨어 공급망으로 확대하고 모호한 '빈약한 코드 품질'을 '예외 조건 잘못된 처리'로 대체한 두 가지 주요 변화를 설명했습니다. AI 코딩 도구가 기본적으로 보안 취약점을 도입한다고 경고하며 securemyvibe.ca 무료 프롬프트 라이브러리를 안내했습니다. sourcemap 보안 가이드는 Apple(2025년 11월)과 Anthropic(2026년 3월, 59.8MB cli.js.map)이 실수로 프로덕션 sourcemap을 배포했음을 공개하며 hidden sourcemap과 postbuild CI 스캐닝을 권장했습니다.