클로드 코드 세팅
Claude Code 완전 셋업 가이드
설치부터 실전까지, 15분이면 프로처럼
| 대상 | 설명 |
|---|---|
| 개발자 | 터미널은 익숙하지만 Claude Code는 처음인 분 |
| 비개발자/PM | 터미널 자체가 처음인 분 (기초부터 안내) |
PART 1. 설치
⏱ 5분시스템 요구사항
| OS | macOS, Windows, Linux |
| 네트워크 | 인터넷 연결 필수 |
| 계정 | Pro $20/월, Max $100/월, Team, Enterprise, 또는 API Console 계정 |
설치 방법
macOS (Homebrew 권장)
brew install claude-code
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"macOS / Linux (curl)
curl -fsSL https://claude.ai/install.sh | bash
Failure writing output 에러로 실패하면 Homebrew 방식을 사용하세요.Windows (PowerShell)
irm https://claude.ai/install.ps1 | iex
설치 확인
claude --version
brew upgrade claude-code로 수동 업데이트하세요.인증 (로그인)
claude # → 브라우저가 열리며 OAuth 인증 진행 # → Pro/Max 구독자는 자동으로 연결됨
API 키를 사용하는 경우:
claude config # → API 키 입력 (sk-로 시작하는 키)
설치 확인 (헬스체크)
claude /doctor
PART 2. 첫 번째 세션
⏱ 3분프로젝트 폴더에서 시작
홈 폴더(~)에서 실행하면 파일이 엉뚱한 곳에 생기거나 "파일을 찾을 수 없습니다" 에러가 납니다.
# 현재 위치 확인: macOS/Linux는 pwd, Windows는 cd cd ~/my-project # 작업할 프로젝트 폴더로 이동 claude # Claude Code 시작!
기본 명령어 치트시트
| 명령어 | 설명 |
|---|---|
/help | 도움말 보기 |
/init | CLAUDE.md 자동 생성 (프로젝트 분석) |
/compact | 컨텍스트 압축 (긴 세션에서 유용) |
/clear | 컨텍스트 초기화 |
/mcp | MCP 서버 상태 확인 |
/hooks | 훅 설정 확인/편집 |
/config | 설정 메뉴 |
/bug | 버그 리포트 |
Shift+Tab | 권한 모드 전환 (수동→자동→플랜) |
첫 대화 예시
💻 개발자라면
> 이 프로젝트 구조를 분석해서 설명해줘 > README.md를 한국어로 작성해줘 > src/index.ts에서 에러 핸들링 개선해줘
📋 비개발자/PM이라면
> Downloads 폴더의 jpg 파일 이름 앞에 날짜 붙여줘 > CSV에서 이메일 기준 중복 행 삭제해줘 > 월별 매출 합계와 평균을 표로 정리해줘 > PDF에서 금액이랑 날짜만 뽑아 엑셀로 만들어줘
PART 3. CLAUDE.md — 프로젝트 매뉴얼
⏱ 5분CLAUDE.md는 Claude Code가 세션 시작할 때 자동으로 읽는 프로젝트 설명서입니다. 새로 합류한 개발자에게 건네줄 온보딩 문서라고 생각하면 됩니다.
기존 프로젝트 — /init으로 자동 생성
claude /init # → 프로젝트를 스캔하고 초안을 만들어 줌 # → 불필요한 줄 삭제 + 우리 프로젝트에 맞게 수정
새 프로젝트 — PRD부터 시작하기
# 1. 빈 프로젝트 폴더 생성 후 진입 mkdir my-new-project && cd my-new-project git init claude # 2. PRD 작성 요청 > 사용자 대시보드 웹앱을 만들 건데, PRD(제품 요구사항 문서)를 먼저 작성해줘. 기능 목록, 기술 스택 추천, 마일스톤까지 포함해서. # 3. PRD 기반으로 CLAUDE.md + 프로젝트 구조 생성 > 이 PRD 기반으로 CLAUDE.md를 만들고, 프로젝트 초기 구조를 잡아줘.
좋은 CLAUDE.md 템플릿
# 프로젝트명 ## 아키텍처 - **Frontend**: Next.js 14 + TypeScript - **Backend**: Node.js + Express - **DB**: PostgreSQL + Prisma ORM - **배포**: Vercel (프론트), Railway (백엔드) ## 핵심 명령어 - `npm run dev` — 개발 서버 시작 - `npm run build` — 프로덕션 빌드 - `npm run test` — 테스트 실행 - `npm run lint` — 린트 체크 ## 코딩 컨벤션 - TypeScript strict mode 사용 - 함수형 컴포넌트 선호 - 변수명은 설명적으로 (한 글자 변수 금지, 루프 제외) - 공개 함수에는 JSDoc 주석 필수 - 컴포넌트는 200줄 이내 ## 테스트 가이드 - Jest + React Testing Library 사용 - 코드 커버리지 80% 이상 목표 - 엣지 케이스 반드시 포함
CLAUDE.md 계층 구조
프로젝트 루트/ ├── CLAUDE.md ← 전체 프로젝트 공통 ├── src/ │ ├── CLAUDE.md ← src 하위 특화 규칙 │ └── components/ │ └── CLAUDE.md ← 컴포넌트 특화 규칙
가장 구체적인(가장 깊은) CLAUDE.md가 우선 적용됩니다.
PART 4. MCP 서버 — 외부 도구 연결
⏱ 5분MCP(Model Context Protocol)는 Claude Code를 GitHub, DB, Slack 등 외부 시스템에 연결해주는 표준 프로토콜입니다.
MCP 서버 추가 방법
# 기본 문법 claude mcp add <이름> --scope <범위> -- npx -y <패키지> # scope 옵션: # --scope user : 모든 프로젝트에서 사용 (글로벌) # --scope local : 현재 프로젝트, 나만 사용 (기본값) # --scope project: 현재 프로젝트, 팀 공유 (.mcp.json에 저장)
npx로 실행되므로 Node.js 18+가 별도로 필요합니다. Native Installer로 Claude Code를 설치한 경우에도 Node.js는 따로 설치해야 합니다.node --version # v18 이상인지 확인-- 구분자를 빠뜨리면 연결이 안 됩니다!① GitHub MCP Server (필수)
PR 생성, 이슈 관리, 코드 검색을 터미널에서 바로.
claude mcp add github \ --scope user \ -- npx -y @modelcontextprotocol/server-github # ↑ 이 -- 구분자 반드시 넣기! # 환경변수에 GitHub PAT 설정 필요 export GITHUB_PERSONAL_ACCESS_TOKEN=ghp_xxxxx
② Context7 — 최신 라이브러리 문서 참조
학습 데이터가 아닌, 실제 최신 버전의 공식 문서를 가져옵니다.
claude mcp add context7 \ --scope user \ -- npx -y @upstash/context7-mcp
MCP 상태 확인
/mcp # 출력 예시: # ✔ MCP server "github" connected (8 tools) # ✔ MCP server "context7" connected (2 tools)
팀 공유 설정 (.mcp.json)
{
"mcpServers": {
"github": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-github"],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_TOKEN}"
}
},
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}
${VARIABLE} 형태로 환경변수 참조하세요.보너스: 추천 확장 도구
Superpowers — 개발 워크플로우 규율 프레임워크
브레인스토밍 → 계획 → TDD → 코드 리뷰 → 디버깅까지 단계를 강제합니다. GitHub ⭐ 39k+
/plugin marketplace add obra/superpowers-marketplace /plugin install superpowers@superpowers-marketplace
CrossAI Verifier MCP — GPT로 코드 크로스 검증
Claude가 작성한 코드를 GPT에게 보내서 버그, 보안, 성능 이슈를 교차 검증합니다.
GCP Optimize Skill — GCP 비용 최적화 점검
GCP 프로젝트의 비용 누수를 체계적으로 점검합니다. 7개 항목 자동 진단 + 예상 절감액 리포트.
PART 5. Hooks — 자동 품질 관리
⏱ 3분Hooks는 Claude가 코드를 쓰거나 명령을 실행할 때 자동으로 작동하는 가드레일입니다.
필수 Hook 3종
.claude/settings.json에 추가:
{
"hooks": {
"PostToolUse": [
{
"matcher": "Write|Edit|MultiEdit",
"hooks": [
{
"type": "command",
"command": "npx prettier --write \"$CLAUDE_TOOL_INPUT_FILE_PATH\""
}
]
}
],
"PreToolUse": [
{
"matcher": "Bash",
"hooks": [
{
"type": "command",
"command": "echo \"$CLAUDE_TOOL_INPUT\" | grep -qE 'rm -rf|DROP TABLE' && exit 2 || exit 0"
}
]
}
],
"SessionStart": [
{
"hooks": [
{
"type": "command",
"command": "echo '{\"additionalContext\": \"Current branch: '$(git branch --show-current)'\"}"
}
]
}
]
}
}
| Hook | 역할 |
|---|---|
| PostToolUse (자동 포매팅) | 파일 수정할 때마다 Prettier 자동 실행 |
| PreToolUse (안전장치) | rm -rf, DROP TABLE 등 위험한 명령 차단 |
| SessionStart (컨텍스트) | 세션 시작 시 현재 Git 브랜치 자동 주입 |
PART 6. Custom Commands — 나만의 명령어
⏱ 2분커맨드 만들기
.claude/commands/ 폴더에 .md 파일을 만들면 됩니다.
.claude/commands/review.md — 코드 리뷰 명령어
# 코드 리뷰 다음 기준으로 코드 리뷰를 진행해주세요: 1. **보안**: 취약점 체크 2. **성능**: 최적화 포인트 3. **가독성**: 코드 구조와 명확성 4. **테스트**: 커버리지 개선 제안 5. **컨벤션**: 프로젝트 표준 준수 여부 포커스 영역: $ARGUMENTS
.claude/commands/deploy-check.md — 배포 전 체크
# 배포 전 체크리스트
다음을 순서대로 확인하고 결과를 리포트해주세요:
1. `npm run lint` 실행 — 린트 에러 0건 확인
2. `npm run test` 실행 — 모든 테스트 통과 확인
3. `npm run build` 실행 — 빌드 성공 확인
4. 환경변수 누락 체크
5. 미커밋 변경사항 확인
사용법
/review src/auth/login.ts /deploy-check
PART 7. 실전 팁 & 트러블슈팅
비개발자도 바로 쓸 수 있는 활용 사례
| 작업 | 직접 하면 | Claude Code | 프롬프트 예시 |
|---|---|---|---|
| 파일 이름 일괄 변경 | 4시간 | 30초 | "이 폴더의 사진 파일들을 날짜순으로 바꿔줘" |
| PDF 텍스트 추출 | 30분 | 5초 | "이 계약서에서 금액이랑 날짜만 뽑아줘" |
| 이미지 크기 일괄 조정 | 500장 × 수동 | 2분 | "블로그용 이미지 전부 가로 800px로 줄여줘" |
생산성 팁
| 팁 | 설명 |
|---|---|
| VS Code 연동 | Claude Code VS Code 확장 설치 → IDE에서 바로 실행 |
| 멀티 인스턴스 | 여러 터미널 탭에서 동시에 Claude Code 실행 (각각 다른 파일 작업) |
| Shift+Tab | 권한 모드 전환: 매번 승인 → 자동 승인 → 플랜 모드 |
| Git 브랜치 | 메인 브랜치에서 직접 작업하지 말고 feature 브랜치에서 작업 |
컨텍스트 & 사용량 관리
/context # 현재 토큰 사용량, 잔여량, 카테고리별 분류 표시
| 상태 | 조치 |
|---|---|
| ~50% | /compact로 압축 (대화 요약 후 컨텍스트 확보) |
| ~80% | 복잡한 작업은 피하고, 가벼운 작업만 |
| ~95% | 자동 컴팩션 발동. /clear 후 새 세션 시작 추천 |
| 작업 전환 시 | /clear로 리셋. 이전 세션은 /resume으로 복귀 가능 |
/compact # 컨텍스트 압축 /compact 코드 변경사항과 테스트 결과에 집중해줘 # 커스텀 압축 /clear # 완전 초기화 /cost # 현재 세션 토큰 사용량 + 비용 확인
플랜별 참고 정보
| 플랜 | 월 비용 | 5시간 세션 토큰 | 비고 |
|---|---|---|---|
| Pro | $20 | ~44k 토큰 | Claude.ai 채팅과 공유 |
| Max 5x | $100 | ~88k 토큰 | Opus 접근 가능 |
| Max 20x | $200 | ~220k 토큰 | 멀티 에이전트/자동화용 |
| API | 종량제 | 제한 없음 | 평균 $6/일, 90%가 $12/일 이하 |
업데이트 & 버전 관리
claude --version # 현재 버전 확인 brew upgrade claude-code # Homebrew 업데이트 claude update # Native Installer 업데이트 claude /doctor # 진단 (중복 설치 등 확인)
/doctor에서 "Multiple installations found" 경고가 나오면 로컬 설치를 삭제하세요: rm -rf ~/.claude/local--dangerously-skip-permissions (YOLO 모드)
# 1. 먼저 현재 상태를 Git에 커밋 git add -A && git commit -m "checkpoint before YOLO" # 2. YOLO 모드로 작업 claude --dangerously-skip-permissions "이 모듈 리팩토링해줘" # 3. 결과 확인 후 문제 있으면 롤백 git diff # 변경사항 확인 git reset --hard HEAD # 문제 시 원복 # alias 설정 (자주 쓴다면) alias clauded="claude --dangerously-skip-permissions"
기타 유용한 CLI 파라미터
| 파라미터 | 설명 | 예시 |
|---|---|---|
-p | 비대화형 모드 (한 번 실행 후 종료) | claude -p "TODO 주석 전부 찾아줘" |
--model | 사용할 모델 지정 | claude --model claude-sonnet-4-6 |
--output-format json | 결과를 JSON으로 출력 (CI/CD용) | claude -p --output-format json "분석해줘" |
--permission-mode | 권한 모드 지정 | claude --permission-mode plan |
--add-dir | 추가 디렉토리를 작업 범위에 포함 | claude --add-dir ../shared-lib |
권한 모드 비교
| 모드 | Shift+Tab 순서 | 설명 |
|---|---|---|
| default | 1번째 | 모든 작업에 승인 필요 |
| acceptEdits | 2번째 | 파일 편집은 자동 승인, 명령 실행은 물어봄 |
| plan | 3번째 | 읽기만 가능, 수정 불가 (분석용) |
| auto | 별도 활성화 | AI 분류기가 안전 여부 판단 후 자동 승인 |
| bypassPermissions | 별도 활성화 | 전부 자동 승인 = --dangerously-skip-permissions |
자주 묻는 질문
Q: 한 달에 얼마나 써요?
Pro($20): 가볍게 쓰기에 충분. Claude.ai 채팅도 포함.
Max($100): 헤비 사용자 추천. 사용량 제한이 넉넉.
API: 종량제. 사용량 예측이 어려우면 구독이 더 경제적.
Q: 내 코드가 서버로 전송되나요?
코드는 로컬에서 실행됩니다. Claude API에 전송되는 건 대화 컨텍스트뿐.
민감한 프로젝트라면 Anthropic의 데이터 정책을 확인하세요.
Q: 오류가 나면?
claude /doctor # 자동 진단 claude --version # 버전 확인 후 업데이트
유용한 리소스
| 리소스 | URL |
|---|---|
| 공식 문서 | https://code.claude.com/docs |
| GitHub 레포 | https://github.com/anthropics/claude-code |
| awesome-claude-code | https://github.com/hesreallyhim/awesome-claude-code |
| MCP 서버 목록 | https://code.claude.com/docs/en/mcp |
Quick Start 체크리스트
- 01Native Installer로 설치
- 02
claude실행 → OAuth 로그인 - 03
claude /doctor로 헬스체크 - 04프로젝트 폴더에서
claude /init→ CLAUDE.md 생성 - 05GitHub MCP 서버 연결
- 06Context7 MCP 서버 연결
- 07자동 포매팅 Hook 추가
- 08위험 명령 차단 Hook 추가
- 09
/review커스텀 커맨드 만들기 - 10첫 번째 실전 작업 시작! 🎉
Member discussion