대화형 설명 지도: 클로드 코드 에이전트 루프 설계, 단일 호출에서 자체 변형 프롬프트까지

agent-loop.app.teenyapp.com의 인터랙티브 설명서는 Claude Code가 에이전트 루프, 메모리 관리, 추론을 처리하는 방식을 분석합니다. Opus 4.7로 구축된 이 사이트는 단일 호출에서 자신의 프롬프트를 다시 작성하는 고급 에이전트에 이르기까지 실제 운영 중인 11가지 에이전트 루프 디자인을 보여줍니다.

내부 구성

이 사이트는 Claude Code의 사고 과정을 이해하려는 개발자를 위한 30~60분 분량의 학습 리소스로 설계되었습니다. 각 루프 디자인은 연구 논문, 유출 정보, 커뮤니티 소스에서 수집한 실제 패턴입니다. 설명서에는 다음이 포함됩니다:

• 11가지 루프 패턴 — 단순 호출 루프부터 자신의 명령 세트를 변형하는 메타 에이전트까지.
• SVG 애니메이션 — 각 루프가 컨텍스트를 처리하고, 메모리를 관리하며, 다음 단계를 결정하는 방법에 대한 시각적 안내.
• 인터랙티브 컨트롤 — 각 패턴이 단계별로 실행되는 과정을 직접 볼 수 있습니다.

포함된 루프 디자인

11가지 패턴은 (이에 국한되지 않음):

• 단일 요청-응답 (루프 없음)
• 고정 컨텍스트 창이 있는 기본 루프
• 슬라이딩 윈도우 메모리
• 계층적 요약 루프
• 자기 비평 루프
• 자체 시스템 프롬프트를 수정하는 프롬프트 재작성 에이전트
• 하위 에이전트가 코디네이터에 보고하는 다중 에이전트 루프

각 패턴에는 사용 시기, 지연 시간과 정확성 간의 트레이드오프, 실제 사례에 대한 설명이 포함됩니다.

중요한 이유

이러한 루프를 이해하면 Claude Code 사용 효율성에 직접적인 영향을 미칩니다. 올바른 루프 디자인을 선택하면 토큰 낭비를 줄이고, 응답 품질을 개선하며, 컨텍스트 오버플로를 방지할 수 있습니다. 인터랙티브 형식을 통해 직접 실험을 실행하지 않고도 패턴을 나란히 비교할 수 있습니다.