오늘도 공부

Understanding Claude Code Components: A Practical GuideUsing only slash commands? You're automating 20% of what Claude Code handles. Most engineers can't explain when to use Agents vs Tools vs Skills. This practical guide helps eliminate the confusion.www.devashish.me위 내용을 한국어로 정리했습니다. 들어가며대부분의 개발자는 Claude Code를 단순한 채팅 인터페이스처럼 사용합니다. 질문하고, 답변 받고, 코드를 복사-붙여넣기 하죠. 하지만 이는 Claude Code가 제공하는 자동화 기능의 ..

고급 튜토리얼: PDF 양식 자동화 스킬 만들기목표이 튜토리얼에서는 실행 가능한 Python 스크립트와 검증 로직을 포함한 고급 스킬을 만들어봅니다.난이도⭐⭐⭐ 고급 - 실행 가능한 스크립트, 계획-검증-실행 패턴, 시각적 분석소요 시간약 60-90분단계 1: 문제 정의하기시나리오여러분은 매주 수백 개의 PDF 양식을 처리해야 합니다. 현재 프로세스:PDF 양식 열기스프레드시트에서 데이터 찾기수동으로 필드 채우기저장 및 다음 양식으로이 과정에서 발생하는 문제:😓 반복적이고 시간 소모적🐛 오타나 잘못된 필드 입력 오류🔍 어떤 필드를 채웠는지 추적 어려움📊 일괄 처리 불가능해결 방법Claude가 다음을 수행하도록 스킬을 만듭니다:PDF 양식 분석 (어떤 필드가 있는지)스프레드시트 데이터 매칭변경 계획..

중급 튜토리얼: API 문서화 스킬 만들기목표이 튜토리얼에서는 점진적 공개(Progressive Disclosure) 패턴을 사용하여 여러 파일로 구성된 스킬을 만들어봅니다.난이도⭐⭐ 중급 - 여러 파일 구조, 조건부 참조, 도메인별 구성소요 시간약 30-40분단계 1: 문제 정의하기시나리오여러분은 REST API 문서를 작성하는 일을 자주 합니다. API는 여러 도메인(사용자, 결제, 상품)으로 나뉘어 있고, 각 도메인마다 다른 스키마와 엔드포인트가 있습니다.현재 문제점:모든 API 정보를 하나의 파일에 넣으면 너무 길어짐 (1000+ 줄)Claude가 필요없는 도메인 정보까지 읽어서 토큰 낭비새로운 도메인을 추가하기 어려움해결 방법점진적 공개 패턴을 사용하여 Claude가 필요한 정보만 읽도록 구조화..

초급 튜토리얼: 간단한 블로그 글 작성 스킬 만들기목표이 튜토리얼에서는 블로그 글을 일관된 형식으로 작성하도록 돕는 간단한 스킬을 만들어봅니다.난이도⭐ 초급 - 코드 없음, 순수 마크다운 지침만 사용소요 시간약 15-20분단계 1: 문제 정의하기시나리오여러분은 기술 블로그를 운영하고 있습니다. 매번 블로그 글을 쓸 때마다 다음과 같은 지침을 Claude에게 반복해서 말하고 있습니다:"독자를 '여러분'이라고 칭해줘""각 섹션은 명확한 소제목으로 시작해줘""코드 예시는 항상 설명을 먼저 하고 그 다음에 보여줘""마지막에 핵심 요약을 3개 bullet point로 정리해줘"이런 지침을 스킬로 만들면 매번 반복하지 않아도 됩니다!단계 2: 스킬 디렉토리 생성하기먼저 스킬을 저장할 폴더를 만듭니다:blog-wri..

목차핵심 원칙스킬 구조효과적인 작성 패턴콘텐츠 가이드라인평가와 반복 개선실행 가능한 코드가 포함된 스킬체크리스트핵심 원칙1. 간결함이 핵심컨텍스트 윈도우는 공공재입니다. 스킬은 다음 요소들과 함께 컨텍스트를 공유합니다:시스템 프롬프트대화 기록다른 스킬의 메타데이터실제 요청 내용작성 시 항상 자문하세요:"Claude가 정말 이 설명을 필요로 할까?""Claude가 이미 알고 있다고 가정할 수 있을까?""이 단락이 토큰 비용을 정당화할까?"2. 적절한 자유도 설정작업의 취약성과 가변성에 맞춰 구체성 수준을 조정하세요.높은 자유도 (텍스트 기반 지침) - 다음 경우에 사용:여러 접근 방식이 유효한 경우결정이 맥락에 따라 달라지는 경우휴리스틱이 접근 방식을 안내하는 경우중간 자유도 (구조화된 가이드라인) - 다..

Advanced Claude Code Hooks: Controlling Sub-Agent Behavior | LTSCommerce - Bespoke PHP DevelopmentAdvanced Claude Code Hooks: Controlling Sub-Agent Behavior 24 October 2025 • 8 min read • AI Claude Code hooks are powerful automation tools that execute at specific points during AI coding sessions. While basic hooks can validate prompts or add contexltscommerce.dev원문을 번역한 내용입니다.개요Claude Code의 훅(ho..

TaskMaster CLI: 효율적인 프로젝트 작업 관리를 위한 필수 명령어 가이드TaskMaster는 AI 기반의 강력한 작업 관리 CLI 도구입니다. PRD(Product Requirements Document)에서 자동으로 작업을 생성하고, 복잡한 작업을 세분화하며, 의존성을 관리할 수 있습니다. 이 글에서는 TaskMaster의 핵심 명령어들과 실제 사용 예제를 소개합니다.🚀 프로젝트 초기 설정1. 프로젝트 초기화새로운 프로젝트를 시작할 때 가장 먼저 해야 할 일은 TaskMaster 구조를 초기화하는 것입니다.# 대화형 모드로 프로젝트 초기화task-master init# 옵션을 직접 지정하여 초기화task-master init --name="My Awesome Project" --descri..

SuperClaude Framework v3 상세 사용법1. 개요SuperClaude는 Claude Code에 다음 기능을 추가합니다:🛠️ 16개의 특화된 개발 명령어🎭 다양한 도메인 전문가 페르소나🔧 MCP 서버 통합 (문서, UI 컴포넌트, 브라우저 자동화)📋 작업 관리 기능⚡ 토큰 최적화2. 설치 방법사전 요구사항Python 3.7+ 설치 필요Claude Code 설치되어 있어야 함설치 과정1단계: Python 패키지 설치# 옵션 A: PyPI에서 설치 (권장)pip install SuperClaude# 옵션 B: 소스코드에서 설치git clone https://github.com/SuperClaude-Org/SuperClaude_Framework.gitcd SuperClaude_Framew..

Claude Code 프로젝트 기획 및 계획 완전 가이드개요Claude Code는 단순한 코드 생성 도구를 넘어서 체계적인 프로젝트 기획과 계획을 통한 개발을 지원합니다. 기획 단계부터 실행까지 구조화된 접근 방식을 제공하여 보다 효율적이고 체계적인 개발을 가능하게 합니다.핵심 기획 기능들1. Plan Mode (계획 모드)Plan Mode는 Claude Code의 특별한 모드로 읽기 전용 환경에서 프로젝트 분석과 계획을 수행합니다.Plan Mode 진입 방법# Plan Mode 진입Shift + Tab + Tab# Plan Mode 종료Shift + Tab + Tab (다시 입력)Plan Mode에서 할 수 있는 것✅ 기존 코드베이스 분석 및 연구✅ 프로젝트 구조 및 의존성 분석✅ 요구사항 기반 종합적..

Claude Code 토큰 최적화 완전 가이드토큰이란?토큰은 AI 모델이 텍스트를 처리하는 기본 단위입니다. Claude Code를 사용할 때 입력과 출력 모두 토큰으로 계산되며, 이는 비용과 직결됩니다. 효율적인 토큰 사용은 비용 절감과 성능 향상을 동시에 달성할 수 있습니다.토큰 절약의 핵심 전략1. 컨텍스트 최적화필요한 파일만 포함# ❌ 비효율적: 전체 프로젝트 포함claude-code generate "함수 최적화" --include-all# ✅ 효율적: 특정 파일만 포함claude-code generate "함수 최적화" --files src/utils.js# ✅ 더 효율적: 특정 함수만 포함claude-code generate "optimize_function" --lines 15-45 --f..

소개Claude Code는 개발자가 터미널에서 직접 Claude AI와 상호작용할 수 있게 해주는 혁신적인 명령줄 도구입니다. 현재 연구 미리보기 단계에 있는 이 도구는 코딩 작업을 Claude에게 위임하여 개발 워크플로우를 크게 개선할 수 있습니다.설치 및 설정시스템 요구사항Node.js 18 이상npm 또는 yarn터미널 또는 명령 프롬프트설치 방법# npm을 사용한 설치npm install -g @anthropic-ai/claude-code# 또는 yarn을 사용한 설치yarn global add @anthropic-ai/claude-code초기 설정# API 키 설정claude-code config set api-key YOUR_API_KEY# 기본 모델 설정claude-code config se..