MCP로 다모앙 개발에 활용하기 입니다.

컴퓨터

SDK (127.♡.0.1)

2025년 10월 30일 PM 08:47 · 수정됨(11. 03. 12:52)

조회 1,386 공감 0

MCP란?

MCP는 Model Context Protocol의 약자입니다.
쉽게 말하면 “Claude(클로드)”가 외부 도구들과 연결되어 더 똑똑해지는 통로입니다.

예를 들어,

🧩 Claude가 크롬 개발자 도구를 직접 조작한다든가,
🧠 논리적으로 단계를 나눠서 생각하는 연속 사고(Sequential Thinking) 모드로 바뀐다든가,
🗂️ 여러 작업(Task)을 동시에 관리하는 Task Manager처럼 행동한다든가,
이런 기능들이 모두 MCP를 통해 작동합니다.

즉, Claude는 기본 AI지만,
MCP를 통해 “플러그인”처럼 새로운 기능을 자유롭게 붙일 수 있는 구조예요.

AI 에 요청을 하려면 토큰이 있어야 합니다. 그 토큰은 옛날 버스 생각하시면 됩니다.

최근에 다모앙 개발을 하면서 월 $200 짜리로도 부족했습니다.

그래서 Serena 를 알게 되었습니다.

다모앙 개발할 때 총 4~5가지 MCP 를 사용합니다.

다모앙에서 소스 코드 개발을 도움을 주는 AI 도구는 Claude Code, Amazon Q 입니다.
Gemini 와 Open ai 의 코덱스로 사용해 봤는데, 코텍스가 다모앙 서버 CPU 점유 100% 하면서 다모앙이 멈춘적이 있고,

개인적으로는 Claude Code 를 주로 그리고 토큰을 다 썼을 때는 Amazon Q 를 사용합니다. 둘다 sonet 4 모델을 사용합니다.

그 AI 에 붙일 수 있는게 MCP 입니다.

🧩 주요 MCP 종류

MCP 이름	하는 일	비유하자면...
🧰 chrome-devtools	Claude가 크롬 개발자 도구처럼 HTML, CSS, JS 구조를 직접 분석할 수 있게 해줌	웹 개발 현미경
🧠 sequential-thinking	복잡한 문제를 단계별로 논리적으로 생각하도록 도와줌	체계적인 사고 트레이너
📋 shrimp-task-manager	여러 작업(Task)을 계획·추적·관리	비서 + 할 일 관리앱
🔮 serena	Claude에게 “IDE 도우미(개발 보조)” 기능 제공	코드 IDE 안의 조수
🧭 context7 (Upstash)	Redis 데이터 기반으로 “대화 맥락 기억” 강화	기억 저장소

⚙️ 설치하기 (기초용)

설치 위치는 기본적으로 Claude Code가 설치된 곳(~/.claude.json)입니다.

1️⃣ Claude Code 설치 (한 번만)

npx @anthropic-ai/claude-code

2️⃣ MCP 서버 추가

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latestclaude mcp add sequential-thinking -- npx -y sequential-thinking-mcp@latest

3️⃣ Serena (IDE 도우미)

uvx --from git+https://github.com/oraios/serena serena start-mcp-server \--context ide-assistant --project $(pwd) \--transport streamable-http --port 9121

4️⃣ Shrimp Task Manager

git clone https://github.com/cjo4m06/mcp-shrimp-task-manager.gitcd mcp-shrimp-task-managernpm installnpm run build

.claude.json에 다음을 추가:

"shrimp-task-manager": { "type": "stdio", "command": "node", "args": ["/Users/사용자명/mcp-shrimp-task-manager/dist/index.js"], "env": { "DATA_DIR": "/Users/사용자명/mcp-shrimp-task-manager/data", "TEMPLATES_USE": "ko" }, "autoStart": true}

5️⃣ Context7 (Upstash)

npx -y @upstash/context7-mcp@latest

환경변수 설정:

"env": { "UPSTASH_REDIS_REST_URL": "https://xxxx.upstash.io", "UPSTASH_REDIS_REST_TOKEN": "xxxxxxxxxxxxx"}

🧩 확인하기

claude mcp list

결과 예시 👇

chrome-devtools: ✓ Connectedserena: ✓ Connectedsequential-thinking: ✓ Connectedshrimp-task-manager: ✓ Connectedcontext7: ✓ Connected

이렇게 나오면 MCP 연결 성공 🎉

사용법 (쉬운 요약)

chrome-devtools
“이 HTML 구조를 분석해줘” → Claude가 실제 DOM 구조를 파악해줍니다.
sequential-thinking
“이 문제를 단계별로 풀어줘” → Claude가 논리적 단계로 정리합니다.
shrimp-task-manager
“작업 목록 관리해줘” → Claude가 MCP 내부 데이터로 작업을 기록하고 추적합니다.
context7
“지난 대화 기억해” → Redis 저장소를 활용해 컨텍스트를 유지합니다.

설치 전 그리고 설치를 하면
/mcp list 하면

AMAZON Q 의 경우

Claude Code 의 경우

특히 저는 모든 요청을 Serena MCP 를 통해서 요청할 것 이라고 하면 Serena MCP 가 제가 원하는 것을 잘 파악하고

MCP가 소크 코드를 분석했기 때문에 꼭 필요한 요청을 보내기 때문에 Token 을 아낄 수가 있습니다

그리고 크롬 DEV Chrome DEV MCP 를 사용하면 , AI 가 직접 크롬 개발자 도구에 접속해서 인터렉티브 하게

캡쳐를 한다거나 , 직접 ai 가 확인하면서 코딩을 도움을 줍니다.

이제는 토큰도 아끼고, Task Manger 는 작업 순서를 본인이 정해서 알맞은 요청을 순서대로 요청합니다.

이제는 AI 를 통해서 개발하는것이 시대의 흐름이기 때문에 ,

너

너부리인척하는보노보노

25.10.30 · 39.♡.231.68

{emo:damoang-meme-72.webp:150}
일

일리케

25.10.31 · 221.♡.121.81

이젠 개발자가 소스 분석은 기본으로 할줄 알아야함은 물론이겠거니와 AI를 이용하지 않으면...이용할줄 모르면 시대에 뒤떨어지겠군요....
AI 만이라도 무지하게 잘하면 어느 정도 원하는건 만들수 있는 시대가 점점 다가오네요....
S

SDK → 일리케 작성자

25.11.01 · 127.♡.0.1

프롬프트를 잘 작성하느냐, 그리고 소스코드를 QA 를 하고 넘어가느냐 ,
뭐 그런것들이 있는데요

최근 구글에서 프롬프트도 잘 해주는 솔루션 발표했습니다. ㅠㅠ

부지런한 사람이 뭐라도 한다?는것 같아습니다.
눈

눈침침

25.11.01 · 121.♡.52.90

> 이제는 AI 를 통해서 개발하는것이 시대의 흐름이기 때문에 ,

왜 여기서 끝난담요?
S

SDK → 눈침침 작성자

25.11.01 · 127.♡.0.1

다모앙도 AI 흐름을 타보겠습니다~
오

오년삼촌

25.11.03 · 115.♡.156.11

다른건.. 대충 그러려니 하겠는데.. sequential-thinking 은 확실히 땅기네요.. 좋은 정보 감사합니다 :D
그

그림자호수

02.22 · 211.♡.98.78

감사합니다.