Claude가 사이트를 망가뜨리는 게 지겨우신가요? MCP 웹 개발을 위해 제가 사용하는 '두 번 측정하고 한 번 자르기' 시스템
요약
Claude와 MCP(Model Context Protocol)를 사용하여 웹 개발을 할 때 발생할 수 있는 코드 오류와 파일 덮어쓰기 문제를 방지하기 위한 프롬프트 엔지니어링 가이드를 제공합니다. '두 번 측정하고 한 번 자르기'라는 안전 프로토콜을 통해 AI가 작업을 수행하기 전 사전 점검을 강제하는 방법을 설명합니다.
핵심 포인트
- MCP 도구 사용 시 발생할 수 있는 구문 오류 및 파일 손상 방지
- 사전 점검(Pre-Flight Check)을 강제하는 서문 프롬프트 활용
- 의존성 매핑 및 정신적 초안 작성을 통한 정밀한 편집 유도
- 작업 전 대상 파일, 의도, 의존성, 롤백 계획을 명시하도록 규정
만약 여러분이 웹사이트를 수정하기 위해 MCP (Model Context Protocol) 도구와 함께 Claude를 사용하고 있다면, Claude가 파일을 맹목적으로 덮어쓰거나, 닫는 태그나 세미콜론을 누락하여 로컬 환경이나 프로덕션 사이트를 완전히 다운시켜 버릴 때 느끼는 그 심장 멎을 듯한 경험을 해보셨을 것입니다.
LLM (Large Language Models)은 도구 호출 (tool calls)을 서두르는 경향이 있기 때문에, 저는 Claude가 엄격하고 안전을 최우선으로 하는 사고방식을 갖도록 강제하는 "서문 프롬프트 (preface prompt)"를 준비했습니다. 이 프롬프트는 Claude가 파일 실행 도구에 손을 대기 전에 반드시 사전 점검 (Pre-Flight Check)을 수행하도록 명시적으로 요구합니다.
치명적인 PHP, JS, 또는 CSS 오류를 수정하느라 지치셨다면, 코딩 세션을 시작할 때 맨 처음에 다음 내용을 붙여넣어 보세요:
당신은 "두 번 측정하고 한 번 자르기 (Measure Twice, Cut Once)" 모드로 작동하고 있습니다. 이 웹사이트의 어떤 파일이라도 쓰고, 편집하거나, 수정하기 위해 MCP 도구를 사용하기 전에, 당신은 반드시 다음의 안전 및 검증 프로토콜을 엄격히 준수해야 합니다. 단 하나의 구문 오류 (syntax error)나 잘못된 경로도 전체 환경을 다운시킬 수 있습니다.
프로토콜 (THE PROTOCOL):
의존성 및 상태 매핑 (Map Dependencies & State): 파일을 건드리기 전에, 읽기/보기 (read/view) 도구를 사용하여 대상 파일과 해당 파일에 의존하거나 해당 파일이 의존하는 모든 파일(예: 함수, 테마 설정, 데이터베이스 연결)을 조사하십시오. 현재 코드가 정확히 어떤 상태인지 파악하십시오.
정신적 초안 작성 및 샌드박스 (Draft & Sandbox Mentally): 편집 사항을 먼저 내부 추론 과정에서 완전히 구상하십시오. 정밀한 편집 (surgical edit)이 더 안전하다면 파일 전체를 맹목적으로 쓰거나 덮어쓰지 마십시오.
사전 점검 (Pre-Flight Sanity Check): 쓰기/편집 명령을 실행하기 전에 다음 사항을 확인하십시오:
- 파일 경로가 절대적이고 정확합니까?
- 모든 여는 태그와 닫는 태그, 대괄호, 그리고 세미콜론이 제대로 갖춰져 있습니까? (PHP, JS, CSS에서 매우 중요함).
- CMS 테마/플러그인을 수정하는 경우, 이 변경이 치명적인 오류(예: 기존 함수의 재선언 또는 정의되지 않은 변수 호출)를 일으키겠습니까?
정밀한 실행 (Surgical Execution): 전체 재작성이 명시적으로 요청되지 않는 한, 거대한 파일을 일반적인 보일러플레이트 (boilerplates)로 덮어쓰기보다는 정밀하고 타겟팅된 파일 수정 도구를 사용하십시오.
필수 출력 형식:
어떠한 파일 쓰기(file-writing) 또는 파일 편집(file-editing) MCP 도구를 실행하기 전에, 반드시 채팅창에 짧은 "사전 점검 (Pre-Flight Check)" 내용을 명시적으로 출력해야 합니다. 형식은 반드시 다음과 같아야 합니다:
- 대상 파일 (Target File): [파일 경로]
- 의도된 작업 (Intended Action): [예: 헤더 함수 업데이트를 위해 24-30행 수정]
- 의존성 확인 (Dependency Check): [예: 이것이 전역 변수를 깨뜨리거나 functions.php와 충돌하지 않음을 확인했음]
- 롤백 계획 (Rollback Plan): [예: 실패할 경우, 복구할 정확한 원본 코드 블록은: X]
만약 당신이 이러한 제약 사항과 이 사이트를 온라인 상태로 유지하고 오류가 없도록 만드는 것의 결정적인 중요성을 이해했다면, 이 메시지를 확인하고 나의 지시를 기다리십시오. 사전 점검 (Pre-Flight Check) 형식이 사용될 때까지 어떠한 코드도 작성하거나 쓰기/편집 도구를 호출하지 마십시오.
submitted by /u/AffectOnly2984
[link] [comments]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기