← ⌨️ Claude Code
Claude


✨
이게 가능해져요
기본 Claude Code 사용 → Hooks + MCP → 완전 자율 개발 에이전트
Claude Code로 코드 생성은 하는데, 저장하고 테스트하고 배포하는 과정은 여전히 수동이야...
나
개발 파이프라인의 각 단계는 여전히 수동 개입이 필요합니다.MCP 미연결
Claude Code 고급 워크플로우 — Hooks & MCP 완전 활용
High class 약 25분MCP 연동
💡 Claude Code의 Hooks와 MCP 연동으로 코딩 작업을 더욱 자동화할 수 있어요. 파일 저장 시 자동 실행, 테스트 자동화, 외부 도구 직접 제어까지 가능합니다.
🔒 claude.com/claude-code
실제 화면
실수 방지 체크리스트
- 1CLAUDE.md 없이 매 세션 규칙 반복 설명 → 비효율 + 규칙 누락 — 프로젝트 루트에 CLAUDE.md 한 번 작성하면 영구 적용
- 2Hooks 설정 후 테스트 없이 사용 → Hook 오류 시 모든 파일 저장 실패 — Hook 설정 후 간단한 파일 수정으로 먼저 테스트
- 3MCP 토큰을 .claude.json에 평문 저장 → 파일 유출 시 보안 사고 — 환경변수($GITHUB_TOKEN)로 참조, 파일에 직접 입력 금지
STEP 1 / 4…
1
STEP 1. Claude Code Hooks 설정
🔒 claude.ai
실제 화면
Hooks로 Claude Code 작업 이벤트에 자동 실행 스크립트를 연결합니다.
Terminal
# Hooks 설정 위치
~/.claude/settings.json
# 또는 프로젝트별:
.claude/settings.json
# Hooks 기본 구조
{
"hooks": {
"PreToolUse": [ # 도구 사용 전
{
"matcher": "Bash",
"hooks": [{
"type": "command",
"command": "echo '명령 실행 전 로그'"
}]
}
],
"PostToolUse": [ # 도구 사용 후
{
"matcher": "Write",
"hooks": [{
"type": "command",
"command": "npx eslint --fix $CLAUDE_FILE_PATH"
}]
}
]
}
}
# 활용 예시: 파일 저장 시 자동 포맷팅
"PostToolUse": [{
"matcher": "Write|Edit",
"hooks": [{
"type": "command",
"command": "prettier --write $CLAUDE_FILE_PATH"
}]
}]💡
Hooks의 PostToolUse로 '파일 저장 → 자동 포맷팅 → 자동 lint 수정' 파이프라인을 설정하면 Claude Code가 생성한 코드가 항상 일관된 스타일로 유지됩니다.
이 단계를 완료했나요?