728x90
반응형
728x90
반응형

 

Codex에 MCP(Node/npx) 붙이기

— Context7 & SequentialThinking 빠른 가이드

 

요약
npm 배포 MCP → 설치 없이 npx로 바로 실행해 Codex 등록.
여기서는 Context7 / SequentialThinking만 다룸.

 

1) 배경 / 요약

  • Node 계열 MCP → 보통 npm 패키지. npx로 즉시 실행 가능.
  • Python 계열은 pipx/venv 권장
  • 목표: Codex에서 Context7 / SequentialThinking 등록·사용 최소셋.

결론config.toml에 서버 두 개 추가 → Codex 재시작 → /mcp로 상태 확인.

 

2) config.toml 세팅

경로Linux/WSL → ~/.codex/config.toml

# === 모델 설정 ===
model = "gpt-5-codex"
model_reasoning_effort = "high"

# === 프로젝트 신뢰 설정 ===
[projects."/path/to/your/project"]
trust_level = "trusted"

# === MCP 서버들 ===
[mcp_servers.context7]
command = "npx"
args = ["-y", "@upstash/context7-mcp"]   # ← 패키지명 주의!

[mcp_servers.sequentialthinking]
command = "npx"
args = ["-y", "@modelcontextprotocol/server-sequential-thinking"]

# === 도구 ===
[tools]
web.search = true

WSL 팁npx 경로 이슈 있으면 command="/usr/bin/npx"로 절대경로 지정.

 

3) 동작 확인

터미널에서 각각 도움말 확인 (정상 동작 체크):

npx -y @upstash/context7-mcp --help
npx -y @modelcontextprotocol/server-sequential-thinking --help

 

Codex 내 확인:

/mcp
  • Server: context7 → Status: enabled
  • Server: sequentialthinking → Status: enabled

 

4) 사용법 (Context7 / SequentialThinking)

Context7 (자동 컨텍스트 주입)

  • 툴 실행형 아님. 대화에 문맥 자동 주입.
  • 파일/모듈/경로를 질문에 명시 → 효과 ↑
  • 프로젝트를 trusted로 등록 → 소스/구조 반영 쉬움.
  • 응답 약하면 “문맥 더 확장/비교/요약” 재요청.

SequentialThinking (툴 호출)

  • 자연어로 “sequentialthinking으로 먼저 계획” 지시 → 단계 계획 생성.
  • 흐름: 계획 → 코드 초안 2스텝으로 굴리는 게 효율적.
  • 필요 시 “깊이/단계 수/리스크 포함” 등 옵션을 문장으로 명시.

 

5) 바로 쓰는 템플릿

A. Context7

Context7을 활용해서, src/modules/contract/service 내 코드들을 기준으로
현재 설계 의도(의존성, 경계, 예외 흐름)를 요약해줘.
참고: Spring Boot 3.x / JPA, QueryDSL. 다국어/멀티 테넌시 있음.

B. SequentialThinking

아래 요구사항을 sequentialthinking으로 먼저
계획(Goal → Assumptions → Steps → Risks) 만든 뒤,
실제 변경 커밋 단위 작업 순서를 제안해줘.

 

트러블슈팅
npx not found → 절대경로 지정.   Tools: (none) (Context7) → 정상일 수 있음(컨텍스트 주입형).

728x90
반응형
728x90
반응형

SuperClaude — 프롬프트 기반 메타-프로그래밍 프레임워크

Claude Code 환경에서 /sc: 명령만으로 요구사항 → 설계 → 구현 → 테스트 → 배포 → 개선까지 지능적으로 오케스트레이션.

요구사항설계구현 테스트배포개선
 

✅ 설치

Global 설치
npm install -g @bifrost_inc/superclaude && superclaude install
 
 

✅ 핵심 SC 명령어 요약

명령 역할 주요 Agents 언제 쓰나
/sc:brainstorm 요구사항 발굴/정제 requirements-analyst, socratic-mentor 프로젝트 초기, 기획/문제 정의
/sc:workflow 작업 분해 및 계획화 task-decomposition-expert 복잡한 작업 시작 전
/sc:design 아키텍처/구조 설계 system-architect, backend-architect 설계 단계
/sc:implement 구현/코드 작성 software-engineer, java-pro, legacy-modernizer 실제 개발 단계
/sc:analyze 코드/문제 분석 code-reviewer, root-cause-analyst 코드 리뷰/원인 분석
/sc:spec-panel 다중 전문가 패널 리뷰 architect-reviewer, security-engineer 중요 설계/보안 결정 시
/sc:test 테스트/검증 quality-engineer, test-automator TDD/QA 단계
/sc:troubleshoot 장애/버그 진단 debugger, error-detective 에러/장애 발생 시
/sc:improve 리팩토링/최적화 refactoring-expert, performance-engineer 품질/성능 개선 시
/sc:document 문서 자동화 technical-writer, api-documenter 산출물/문서화 단계
/sc:git Git 전략·PR관리 git-strategist, devops-architect Git 운영 전 과정
/sc:build 빌드/배포/CI devops-architect, test-automator CI/CD 및 배포
 

✅ 사용 옵션 (Flags)

Flag 의미 내부 Agent Bias
--quality 코드 품질/리뷰 중심 code-reviewer
--security 보안 점검 강화 security-engineer
--performance 성능 최적화 performance-engineer
--architecture 아키텍처 준수/정합성 architect-reviewer
--seq 단계적 추론(문제 원인 분석) root-cause-analyst
파이프라인

✅ 예시 흐름 (처음부터 끝까지)

/sc:brainstorm /sc:workflow /sc:design --architecture --security /sc:spec-panel /sc:implement --quality /sc:test /sc:analyze --seq /sc:build --release /sc:document

긴급 장애 시 /sc:troubleshoot --seq로 진입. 설계/품질 중요도가 높다면 --architecture, --quality 병행.

문서/코드

🔗 Reference

github.com/SuperClaude-Org/SuperClaude_Framework

 

GitHub - SuperClaude-Org/SuperClaude_Framework: A configuration framework that enhances Claude Code with specialized commands, c

A configuration framework that enhances Claude Code with specialized commands, cognitive personas, and development methodologies. - SuperClaude-Org/SuperClaude_Framework

github.com

 

728x90
반응형
728x90
반응형

 

Claude Code CLI – MCP 추가 & 제거 방법

Claude Code CLI에서 외부 기능을 확장하려면 MCP(Model Context Protocol) 서버를 설치하고 등록해야 합니다.
이번 글에서는 대표적으로 많이 사용하는 두 가지 MCP 서버를 설치해봅니다.

  • @modelcontextprotocol/server-sequential-thinking → Sequential Thinking MCP 서버
    → Claude가 복잡한 사고 과정을 단계별로 풀어서 추론할 수 있도록 도와줍니다.
  • @upstash/context7-mcp → Context7 MCP 서버
    → Upstash Context7을 통해 대규모 문맥 관리와 문서 검색을 Claude와 연동할 수 있습니다.

이 두 서버는 Claude의 사고력 확장 + 외부 컨텍스트 연동을 위해 필수적으로 설치하는 경우가 많습니다

 

1. MCP 서버 패키지 설치

먼저 npm으로 MCP 서버를 글로벌 설치합니다.

npm install -g @modelcontextprotocol/server-sequential-thinking
npm install -g @upstash/context7-mcp

 

2. Claude MCP에 등록

패키지 설치 후, Claude CLI에 MCP 서버를 등록합니다. (등록위치에 따라 다름)

(2-1) user 스코프에 추가(유저)

claude mcp add sequential-thinking -s user -- npx -y @modelcontextprotocol/server-sequential-thinking
claude mcp add context7 -s user -- npx -y @upstash/context7-mcp

 

(2-2) system 스코프에 추가 (전역)

claude mcp add sequential-thinking -- npx -y @modelcontextprotocol/server-sequential-thinking
claude mcp add context7 -- npx -y @upstash/context7-mcp

 

3. MCP 서버 제거

등록한 MCP 서버는 별칭(alias) 이름으로 삭제할 수 있습니다.

claude mcp remove sequential-thinking
claude mcp remove context7

 

4. 등록된 MCP 서버 확인

현재 등록된 MCP 서버 목록은 아래 명령어로 확인할 수 있습니다.

claude mcp list

 

5. 추가 MCP 서버 찾는 방법

더 많은 MCP 서버는 npm 레지스트리에서 직접 확인할 수 있습니다.

npm search @modelcontextprotocol
npm search mcp-server

 

 

✅ 정리

  • Sequential Thinking MCP: Claude의 사고 확장용
  • Context7 MCP: 외부 컨텍스트/문서 검색 연동용
  • 설치 → npm install -g [mcp이름]
  • 추가 → claude mcp add [alias] -- npx -y  [mcp이름]
  • 제거 → claude mcp remove [alias]
  • 확인 → claude mcp list

 

728x90
반응형
728x90
반응형

 

WSL2에서 Claude Code CLI 설치 가이드 🚀

Windows 11 + WSL2 환경에서 Claude Code CLI를 설치하고 최신 버전까지 관리하는 방법을 단계별로 정리했습니다.

 

설치 전 확인 사항

설치 전에 아래 조건이 충족되는지 확인하세요.

  • Node.js 버전: v18 이상 (권장 v22 LTS)
  • npm (Node.js 설치 시 자동 포함)
  • WSL2 (Ubuntu 등 리눅스 환경)

 

WSL2 Ubuntu 접속

PowerShell에서 WSL2 Ubuntu에 접속합니다.

wsl -d Ubuntu

 

설치 및 설정 절차

1. Node.js 설치 (필요 시)

Node.js가 없는 경우 NodeSource 저장소를 추가하고 Node.js LTS 버전을 설치합니다.

curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
sudo apt install -y nodejs

 

2. Claude Code CLI 전역 설치

아래 명령어로 Claude Code CLI를 전역(global)으로 설치합니다.

sudo npm install -g @anthropic-ai/claude-code

 

3. 설치 확인

설치가 완료되면 버전을 확인합니다.

claude --version

 

4. 대화형 모드 실행

설치 후 대화형 모드로 실행할 수 있습니다.

claude

 

권한 확인 단계를 건너뛰고 실행

민감하지 않은 테스트 프로젝트라면 권한 확인을 생략할 수도 있습니다.

claude --dangerously-skip-permissions

 

5. 최신 버전 확인 & 업데이트

현재 설치된 버전과 최신 버전을 비교하고 필요하면 업데이트합니다.

# 최신 버전 확인
npm view @anthropic-ai/claude-code version

# 최신 버전으로 업데이트
sudo npm install -g @anthropic-ai/claude-code@latest

 

728x90
반응형
728x90
반응형

 

WSL2에서 Codex CLI 설치 가이드

Windows 11 + WSL2 환경에서 OpenAI Codex CLI를 설치하고 최신 버전까지 관리하는 방법을 단계별로 정리했습니다.

 

설치 전 확인 사항

설치 전에 아래 조건이 충족되는지 확인하세요.

  • Node.js 버전: v22 이상 (LTS 권장)
  • npm (Node.js 설치 시 자동 포함)
  • WSL2 (Ubuntu 등 리눅스 환경)

 

WSL2 Ubuntu 접속

PowerShell에서 WSL2 Ubuntu에 접속합니다.

wsl -d Ubuntu

 

설치 및 설정 절차

1. Node.js 설치 (필요 시)

Node.js가 없는 경우 NodeSource 저장소를 추가하고 Node.js LTS 버전을 설치합니다.

curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
sudo apt install -y nodejs

 

2. Codex CLI 전역 설치

아래 명령어로 Codex CLI를 전역(global)으로 설치합니다.

sudo npm install -g @openai/codex

 

3. 설치 확인

설치가 완료되면 버전을 확인합니다.

codex --version

 

4. 대화형 모드 실행

codex 

 

5. 최신 버전 확인 & 업데이트

현재 설치된 버전과 최신 버전을 비교하고 필요하면 업데이트합니다.

# 최신 버전 확인
npm view @openai/codex version

# 최신 버전으로 업데이트
sudo npm install -g @openai/codex@latest

 

728x90
반응형
728x90
반응형

 

Cursor AI 소개

 

1. 개발 생산성 향상

  • 자동 코드 완성: 함수명, 변수명, 로직 흐름 등을 문맥에 맞게 예측해 자동으로 완성해 주기 때문에 반복적인 코딩 작업이 크게 줄어듭니다.
  • 멀티라인 코드 생성: 단순히 한 줄 자동완성이 아니라, 함수 전체나 알고리즘 블록 단위로 코드 제안을 받을 수 있습니다.
  • 코드 패턴 학습: 프로젝트 전체의 코드 스타일을 학습해, 기존 코드와 일관성 있는 제안을 합니다.

 

2. 코드 품질 개선

  • 에러 감지 및 리팩토링 제안: 문법 오류나 비효율적인 코드를 자동으로 지적하고 개선된 코드를 제안합니다.
  • 주석 생성 및 문서화 지원: 함수 설명, 매개변수 정의, 사용 예시 등을 자동 생성해 문서화 품질을 높입니다.
  • 테스트 코드 생성: 간단한 테스트 케이스 코드를 자동으로 생성할 수 있어 QA 시간 단축에 도움 됩니다.

 

3. 작업 편의성 및 협업 기능

  • 실시간 코드 리뷰: 코드 작성 중 바로 리뷰를 받아 코드 품질을 유지하면서 개발할 수 있습니다.
  • 다양한 언어와 프레임워크 지원: React, Spring Boot, Node.js 등 주요 언어와 프레임워크를 폭넓게 지원합니다.
  • Git 연동: PR 리뷰, 코드 변경 요약 등을 자동화해 협업 효율성을 높입니다.

 

4. 생산성 도구와의 통합

  • VS Code, JetBrains 플러그인 지원: 별도의 환경 구축 없이 주로 쓰는 IDE에서 바로 사용할 수 있습니다.
  • 대규모 코드베이스 지원: 수천 개의 파일이 있는 프로젝트에서도 빠른 코드 탐색과 이해를 돕습니다.

 

5. 추가적인 장점

  • 자연어 기반 명령: "이 함수 최적화해줘", "에러 원인 찾아줘"처럼 자연어로 요청하면 코드 수정이 가능합니다.
  • 코드 설명 기능: 다른 사람이 작성한 복잡한 코드도 이해하기 쉽게 요약해 줍니다.

 

서비스 월 요금 (기본 / 대표 플랜) 주요 장점

Cursor AI $20/월 (Pro) (Cursor) 최고 플랜 Ultra는 $200/월 (Cursor) • 대형 코드베이스 + 복잡한 프로젝트에서 강한 성능 • 에이전트 기능, 버그 발견(Bugbot) 등 고급 기능 포함됨 • 프리미엄 모델 / 긴 문맥(context) 지원 • 개발자에게 유연한 작업 흐름 제공 (Cursor)
Windsurf $15/월 (Pro 플랜) (windsurf.com) Teams 플랜은 $30/월/사용자 (windsurf.com) • 가격 대비 기능이 좋음 (가성비) • 깔끔한 UI/UX, 진입 장벽 낮음 • 무료 플랜도 있음 + 프리미엄 모델 시험 가능 • 팀 기능, 협업 도구, 배포(deploy) 기능 포함됨 (windsurf.com)
Claude Code $17/월 (Pro 연간 요금) 또는 $20/월 월납 (Anthropic) 고급 사용자용 Max 플랜은 $100/월, 또는 그 이상 플랜 있음 (Anthropic) • 복잡한 코드베이스 + 멀티스텝 작업에 강함 • 터미널 기반/자동화 워크플로우에 잘 맞음 • 다양한 모델 접근 가능 (Sonnet, Opus 등) • 코드 이해 + 설명 + 문서화 같은 지원 기능 좋음 (Anthropic)
728x90
반응형

+ Recent posts