1. 작성-테스트 사이클 완성하기 🔄 (Tip #9)코드를 작성하는 것만으로는 부족합니다. 테스트를 작성하고, 실행하고, 수정하는 전체 사이클을 AI와 함께 자동화해야 합니다.🎯 완전한 워크플로우 요청하기사용자 인증 미들웨어를 작성하고, 테스트 코드도 함께 작성해줘. 테스트를 실행하여 모두 통과하는지 확인해줘. 이렇게 명령하면 Claude는 다음 과정을 스스로 수행합니다.미들웨어 코드 작성 (src/middleware/auth.ts)테스트 코드 작성 (src/middleware/auth.test.ts)npm test 실행테스트 실패 시 코드 수정모든 테스트가 통과할 때까지 무한 반복! 2. 자신만의 워크플로우에 투자하기 🛠️ (Tip #12)ykdojo는 자신만의 워크플로우를 구축하는 데 많은 시간..
Agent
1. Chrome 네이티브 브라우저 통합Claude Code는 Chrome 확장 프로그램과 연동하여 브라우저 DOM을 직접 검사하고 상호작용합니다. 실전 활용 (버그 자동 재현 및 수정):"localhost:3000으로 이동해서 로그인 버튼을 클릭해. 콘솔에 에러가 뜨면 확인하고 코드를 수정해줘."이 프롬프트 하나로 Claude는 브라우저를 열고 로그인을 시도한 뒤, 콘솔에서 Uncaught TypeError: Cannot read property 'email' of undefined 에러를 확인합니다. 이후 로컬 코드를 스캔하여 user?.email로 옵셔널 체이닝을 추가하고 브라우저를 새로고침하여 수정 여부까지 검증합니다.2. Playwright MCP를 활용한 E2E 테스트 자동화SPA 등 복잡한 ..
1. Docker 컨테이너를 활용한 위험 작업 격리모든 권한을 자동 승인하는 --dangerously-skip-permissions 플래그는 호스트 시스템에서 직접 실행할 경우 매우 위험합니다. 이를 안전하게 사용하기 위해 Docker 컨테이너를 활용한 격리 환경을 구축해야 합니다. Dockerfile 설정 예시:FROM ubuntu:22.04# 기본 도구 설치RUN apt-get update && apt-get install -y \ curl git tmux vim \ nodejs npm python3 python3-pip# Claude Code 설치RUN curl -fsSL https://claude.ai/install.sh | sh# Gemini CLI 설치 (선택사항)RUN npm in..
1. 시스템 프롬프트 경량화 (Token 축소)Claude Code의 기본 동작은 약 19k 토큰 규모의 시스템 프롬프트에 의해 제어됩니다. 이를 직접 수정하여 10k 이하로 경량화할 수 있습니다. 패치 적용 방법 (ykdojo 예시):# 저장소 클론git clone https://github.com/ykdojo/claude-code-tips.gitcd claude-code-tips# 패치 적용 스크립트 실행./scripts/apply-patches.sh주의: 시스템 프롬프트를 잘못 수정하면 모델의 성능과 동작이 저하될 수 있으므로, 검증된 패치부터 적용 후 커스텀하는 것을 권장합니다. 2. 장시간 작업을 위한 지수 백오프 (Exponential Backoff) 전략대용량 데이터 처리나 복잡한 빌드 등 ..
1. MCP (Model Context Protocol): 외부 환경 연동Claude가 외부 API 및 서비스와 직접 통신하게 해주는 프로토콜입니다.주요 실무 활용 및 설치브라우저 자동화 (Playwright): claude mcp add -s user playwright npx @playwright/mcp@latest (로그인 폼 테스트, 스크린샷 캡처 등)DB 직접 쿼리 (Supabase): claude mcp add -s user supabase npx @supabase/mcp@latest (자연어로 SQL 실행 및 데이터 집계)웹 크롤링 (Firecrawl): claude mcp add -s user firecrawl npx @firecrawl/mcp@latest (특정 URL 데이터 추출 및 파..
1. 시스템 프롬프트 경량화 (토큰 최적화)Claude Code 구동 시 기본으로 로드되는 시스템 프롬프트(약 19k 토큰)를 10k 이하로 축소하여 리소스를 확보합니다.기대 효과: 컨텍스트 가용 공간 확보(더 많은 파일과 로그 포함 가능), 응답 속도 향상, 토큰 비용 절감최적화(제거) 대상: * 도구(Tool) 사용법에 대한 지나치게 긴 예시중복 명시된 지시사항과도하게 반복되는 안전 및 주의 경고실제 워크플로우에서 사용하지 않는 도구 설명주의 사항: 프롬프트 임의 수정 시 모델의 지시 수행 능력이 저하될 수 있으므로, 최소 단위로 패치하며 부작용을 테스트해야 합니다.2. 장시간 작업 제어 (지수 백오프 & 백그라운드)대용량 데이터 처리나 전체 코드베이스 스캔 시 대기 리소스를 최소화하고 병렬 작업을 ..
1. Git & GitHub CLI 연동 (gh 활용)자동 커밋 메시지 생성"변경 사항을 분석하고 적절한 커밋 메시지를 작성한 후 커밋해줘"실행 흐름: git diff 분석 → 커밋 메시지 생성(예: feat: Add user authentication middleware) → git add . && git commit -m "..." 자동 실행Draft PR 자동 생성"현재 브랜치의 변경 사항으로 draft PR을 만들어줘. 제목은 변경 내용을 요약하고, 본문에는 주요 변경 사항을 리스트로 작성해줘."실행 흐름: gh pr create --draft --title "..." --body "..."Tip: .github/pull_request_template.md 파일을 구성해 두면, Claude가 해당..
Claude Code를 사용할 때 가장 중요한 것은 '컨텍스트(작업 기억)' 관리입니다. 대화가 길어질수록 AI의 집중력이 흐트러지는 문제를 방지하고, 최상의 퍼포먼스를 유지하는 핵심 팁들을 정리했습니다.1. HANDOFF.md를 활용한 선제적 압축대화가 50k 토큰을 넘어가면 Claude의 반응 속도가 느려지거나 정확도가 떨어집니다. 이때 HANDOFF.md 기법을 사용해 컨텍스트를 초기화하세요. ✅ 워크플로우:/context: 현재 토큰 사용량 확인 (50k 이상 시 진행)HANDOFF 요청: "지금까지 내용을 HANDOFF.md로 정리해줘. 시도한 것, 성공/실패, 다음 단계를 포함해줘."/clear: 현재 세션 종료 및 컨텍스트 초기화로드: @HANDOFF.md 이 파일을 읽고 작업을 이어가줘2...
