홍드로이드의 야매코딩

요즘 AI 코딩 얘기에 MCP가 안 빠지죠. Model Context Protocol의 줄임말인데, 한마디로 AI를 내 도구들(파일·GitHub·DB·슬랙 등)에 연결하는 '만능 어댑터' 표준이에요. 예전엔 AI마다·도구마다 따로 연결해야 했는데, 이제 MCP 하나로 통일됐습니다. Anthropic이 만들어 지금은 공식 서버만 9,400개가 넘어요. 왜 중요한지, 어떻게 쓰는지 입문자용으로 쉽게 풀었어요.📌 30초 요약🔌 MCP = AI를 도구·데이터에 연결하는 공통 표준(만능 어댑터)🌐 Anthropic 발·오픈 표준 — Claude·Cursor·VS Code 등 200+ 채택📦 공식 서버 9,400개+(GitHub·Slack·구글드라이브·DB 등)🧩 핵심 3요소 — 도구(tools)·리소스(..

Claude Code는 기본만 써도 강력하지만, 5가지 확장 기능을 알면 완전히 다른 도구가 됩니다. 바로 CLAUDE.md · Skills · Hooks · 서브에이전트 · MCP예요. 이름은 들어봤는데 뭐가 뭔지, 언제 뭘 써야 하는지 헷갈리셨다면, 이 글 하나로 정리하세요. 각 기능의 상세 글까지 전부 연결해 뒀어요.📌 30초 요약 — 5대 확장📕 CLAUDE.md — 항상 지키는 규칙 🧩 Skills — 필요할 때 꺼내는 절차서🪝 Hooks — 특정 시점 자동 실행 🤖 서브에이전트 — 격리된 위임 일꾼🔌 MCP — 외부 도구·데이터 연결💡 다섯을 조합하면 나에게 맞춰진 코딩 환경 완성한눈에 보는 5대 확장기능한마디로언제CLAUDE.md기본 룰북항상 적용할 규칙·컨벤션Skills..

Claude Code·Cursor 같은 AI 에이전트가 진짜 일을 하려면 '도구'가 필요하죠. 그 도구를 표준으로 꽂아주는 게 MCP(Model Context Protocol)입니다. 문제는 "어떤 MCP를 깔아야 하냐"인데, 2026년 현재 실제로 가장 많이 쓰이는 유용한 MCP들을 카테고리별로 총정리했어요. 깃허브 링크와 한 줄 사용법까지 드립니다.📌 30초 요약✓ MCP = AI 에이전트에 표준 도구를 꽂아주는 프로토콜✓ 일단 GitHub + Filesystem + Playwright 3종부터 까는 게 정석✓ 설치 2패턴: 원격 claude mcp add --transport http / 로컬 claude mcp add -- npx -y @패키지💡 더 찾으려면 awesome-mcp-serv..

AI 에이전트나 RAG를 만들었는데, "웹에서 최신 정보를 가져와서 먹이고 싶다" — 이 단계에서 막히는 분이 많아요. 일반 크롤링은 HTML이 지저분해서 LLM이 못 쓰거든요. 이걸 한 방에 해결하는 도구가 Firecrawl(파이어크롤)입니다. 웹사이트 전체를 LLM이 바로 읽는 마크다운·JSON으로 변환해 줘요. 왜 화제인지 정리합니다.📌 30초 요약✓ Firecrawl = 웹사이트를 LLM용 마크다운·JSON으로 변환하는 크롤링 API✓ 핵심 6기능: Crawl·Scrape·Map·Search·Extract·Agent(FIRE-1)✓ 공식 MCP 서버로 Claude·Cursor·ChatGPT에 한 방 연결✓ 무료티어(API키 없이 scrape/search) + 오픈소스 자가호스팅 시 무료Firec..

자동화 도구 Zapier, 쓰다 보면 요금이 꽤 나갑니다. 작업 많아질수록 더죠. 그런데 같은 일을 무료로, 그것도 더 강력하게 해주는 오픈소스가 있어요. 바로 n8n(엔에이튼)입니다. 2026년 개발자 사이에서 "Zapier 대체 1순위"로 불리는 이 도구, 왜 화제인지 정리합니다.📌 30초 요약✓ n8n = 오픈소스 자동화 워크플로우 도구 (Zapier 무료 대체)✓ 자연어로 뭘 하라고 말하면 → AI가 워크플로우 초안을 짜줌✓ AI 노드(OpenAI·LangChain·Hugging Face) + MCP 노드 내장✓ VPS에 올리면 평생 무료 자가호스팅, 한국어 공식 문서(인포그랩) 제공n8n이 대체 뭔가요?한 줄로: "여러 앱을 시각적으로 연결해 자동으로 일하게 만드는 도구"입니다. "구글 폼 제..

웹사이트를 만들었다면, 다음은 배포죠. Vercel은 이걸 가장 간단하게 해주는 플랫폼인데, 방법이 두 가지예요 — CLI로 명령 한 줄, 그리고 MCP로 Claude Code 같은 AI에게 맡기기. 이 글에서 둘을 각각, 그리고 합쳐서 쓰는 법을 2026년 기준으로 정리합니다.📌 이 글에서 얻어갈 것✓ Vercel CLI로 미리보기·프로덕션 배포✓ Vercel MCP로 AI에게 배포·로그 맡기기✓ 둘을 합친 실전 워크플로✓ 꼭 알아야 할 보안 주의점방법 1 — Vercel CLI로 한 줄 배포가장 직접적인 방법입니다. 설치하고 프로젝트 폴더에서 명령만 치면 돼요.# 설치npm i -g vercel# 프로젝트 연결 (한 번만)vercel link# 환경변수 내려받기 (필요시)vercel env pull..

앞서 LSP가 grep보다 똑똑하게 코드를 이해한다고 했죠. 그렇다면 그 LSP의 힘을 AI 코딩 에이전트에 직접 달아주는 방법은 없을까요? 있습니다. 바로 Serena MCP예요. "에이전트를 위한 IDE"를 표방하는 오픈소스 도구로, AI가 코드를 심볼 단위로 정확하게 다루게 해줍니다. 이 글에서 Serena가 뭐고, 왜 좋고, 어떻게 붙이는지 정리합니다.📌 이 글에서 얻어갈 것✓ Serena MCP가 무엇인가 (LSP 기반 시맨틱 코드 도구)✓ grep '통째 읽기'와 무엇이 다른가✓ 심볼 검색·참조·편집과 토큰 절약✓ Claude Code에 붙이는 법 (명령 한 줄)🔗 공식 저장소github.com/oraios/serenaMIT 라이선스 오픈소스 · 무료 (API 키·계정·환경변수 불필요)Se..

AI 에이전트를 좀 굴려보면 깨닫게 됩니다 — 진짜 토큰 도둑은 도구 출력·로그·파일이라는 걸요. 명령 한 줄이 수만 토큰짜리 로그를 컨텍스트에 쏟아붓죠. 이걸 정조준한 도구가 Headroom입니다. LLM에 닿기 전에 그 덩치 큰 입력을 압축해 토큰을 60~95% 절약해줘요. 이 글에서 Headroom이 뭐고, 어떻게 동작하고, 어떻게 쓰는지 정리합니다.📌 이 글에서 얻어갈 것✓ Headroom이 무엇인가 (컨텍스트 압축 레이어)✓ 어떻게 토큰을 아끼나 (로컬 프록시 + 가역 압축)✓ 실제 절약 폭 (벤치마크 수치)✓ 설치·사용법과 주의점Headroom이란?Headroom은 AI 에이전트와 LLM 앱을 위한 컨텍스트 압축 레이어입니다. 도구 출력·로그·파일·RAG 청크·대화 기록을 모델에 닿기 전에 ..

Claude Code, Codex를 쓰다 보면 Skill(스킬)과 MCP라는 말이 자주 나옵니다. 둘 다 에이전트를 강화하는 건데, 헷갈리기 쉬워요. 한 줄로 정리하면 — MCP는 "새 도구"를 주고, Skill은 "그 도구를 쓰는 노하우"를 줍니다. 이 글에서 Skill이 정확히 뭐고 MCP와 어떻게 다른지, 그리고 둘을 함께 쓰는 법까지 정리합니다.📌 이 글에서 얻어갈 것✓ Skill(SKILL.md)이 무엇인가✓ MCP와의 핵심 차이 (도구 vs 플레이북)✓ 토큰 경제성 — 왜 Skill이 가벼운가✓ 둘을 함께 쓰는 실전 패턴Skill이 뭐야?Skill은 에이전트가 필요할 때만 불러오는 '능력 묶음'입니다. 핵심은 SKILL.md라는 마크다운 파일이에요. 폴더 안에 SKILL.md + (선택) 스..

요즘 AI 좀 본다 하면 MCP라는 말이 끊임없이 들립니다. "MCP 서버 깔았다", "MCP 연동했다"… 그런데 정작 MCP가 뭔지 한 줄로 설명하라면 막막하죠. 이 글은 딱 5분, 그 막막함을 없애는 게 목표입니다.📌 이 글에서 얻어갈 것✓ MCP가 뭔지 한 문장으로 (그리고 USB-C 비유)✓ 왜 갑자기 다들 MCP를 쓰는가✓ 작동 원리 — Host · Client · Server 3요소✓ 초보자가 지금 바로 시작하는 법 + 보안 주의점MCP가 뭐야? — 한 문장 정의MCP(Model Context Protocol)는 AI 애플리케이션을 외부 시스템에 연결하기 위한 오픈소스 표준입니다. Anthropic(클로드 만든 회사)이 2024년 11월 25일 발표·공개했어요. 쉽게 말해, AI가 파일·데이..