핵심 흐름 하나를 다이어그램으로 설명하기

whenreset 작성 · Claude Code 참고 자료 · 출처 확인일: 2026-09-12

이 프로젝트의 README와 진입점이 뒷받침하는 핵심 흐름 하나를 고르세요. 주제를 골라 달라고 하지 말고 관련 파일을 최대 8개 추적하세요. 실제 입력, 분기, 상태 변화, 출력을 연결하고, 알 수 없는 연결은 표시하세요.

인라인 SVG 다이어그램, 쉬운 말로 쓴 설명, 노드와 파일의 대응 관계, 코드나 테스트가 뒷받침하는 예시를 담은 독립형 HTML을 만드세요. 설명용으로 만든 예시는 그렇다고 표시하세요. 시스템 글꼴과 줄바꿈되는 레이아웃을 쓰고, 외부 스크립트, 글꼴, CDN 리소스는 쓰지 마세요.

파일 쓰기가 가능하면 사용 중이 아닌 파일 이름으로 저장하고, 아니면 완전한 HTML을 답변에 포함하세요. 기존 페이지는 그대로 두고 브라우저 도구를 실행하지 마세요.

다이어그램을 코드와 대조하고, HTML 구조와 외부 리소스 참조를 점검하세요. 브라우저 렌더링을 검증하지 않았다면 그렇게 밝히세요.

실행 규약:
바로 시작하세요. 계획을 승인해 달라고 하거나, 파일을 골라 달라고 하거나, 템플릿을 채워 달라고 하지 마세요. 이 프로젝트, 이 대화, 이미 제공된 자료만 사용하고, 관련 없는 프로젝트나 개인 기록은 검색하지 마세요. 근거가 뒷받침하는 범위까지 완료하고, 빠진 입력은 보고하세요. 작업이 해당되지 않으면 이유를 설명하고 결과를 지어내지 말고 멈추세요.
기존 파일과 커밋되지 않은 변경 사항은 그대로 두세요. 제안하는 내용은 답변에 전체를 포함하고, 독립된 산출물은 사용 중이 아닌 새 파일 이름으로 저장해도 됩니다. 의존성 설치, 환경 변경, 커밋, 푸시, 배포는 하지 마세요. 접근 및 권한 제한을 지키고, 막힌 작업은 보고하세요. 결과를 한 번 점검한 뒤 전달하고, 계속할지 묻지 말고 멈추세요.