사용자 가이드

Nexol MCP에서 제공하는 각 도구의 사용법과 예제입니다.

기본 사용법

Claude Code를 시작하고 자연어로 요청하면 됩니다. MCP 도구는 자동으로 호출됩니다.

# Claude Code 시작
claude

# 또는 특정 디렉토리에서
claude /path/to/project

Draw MCP - 다이어그램 생성

🎨 플로우차트

업무 프로세스나 알고리즘 흐름을 시각화합니다.

예시 요청

"로그인 프로세스 플로우차트 그려줘:
시작 -> 아이디/비번 입력 -> 검증 -> (성공: 메인페이지, 실패: 에러표시) -> 종료"

팁: 분기 조건을 명확히 설명하면 더 정확한 다이어그램이 생성됩니다.

🗂️ ERD (Entity-Relationship Diagram)

데이터베이스 테이블 구조와 관계를 시각화합니다.

예시 요청

"ERD 그려줘:
- User 테이블: id(PK), name, email
- Post 테이블: id(PK), title, content, user_id(FK)
- Comment 테이블: id(PK), content, post_id(FK), user_id(FK)
관계: User:Post = 1:N, Post:Comment = 1:N"

🔄 시퀀스 다이어그램

시스템 간 메시지 흐름을 시각화합니다.

예시 요청

"API 호출 시퀀스 다이어그램 그려줘:
Client -> API Server: POST /login
API Server -> Database: SELECT user
Database -> API Server: user data
API Server -> Client: JWT token"

Context7 - 문서 검색

📚 라이브러리 문서 검색

최신 라이브러리 문서와 사용 예제를 검색합니다.

예시 요청

"React useEffect 훅 사용법 알려줘"
"Next.js 14 App Router 라우팅 방법"
"TypeScript 제네릭 사용 예제"
"Tailwind CSS flex 레이아웃"

팁: 라이브러리 이름과 구체적인 기능을 함께 언급하면 더 정확한 결과를 얻습니다.

Playwright - 브라우저 자동화

🎭 웹 페이지 캡처 및 조작

웹 페이지 스크린샷, 폼 입력, 클릭 등을 자동화합니다.

예시 요청

"https://example.com 페이지 스크린샷 찍어줘"
"네이버 검색창에 '날씨' 입력하고 검색해줘"
"이 페이지에서 로그인 버튼 클릭해줘"

Serena - 코드 분석

🔍 심볼 검색 및 분석

코드베이스에서 클래스, 함수, 변수를 분석합니다.

예시 요청

"UserService 클래스의 메서드 목록 보여줘"
"login 함수를 참조하는 코드 찾아줘"
"이 프로젝트의 구조를 분석해줘"

팁: 프로젝트 디렉토리에서 Claude를 실행하면 해당 프로젝트를 분석합니다.

Sequential Thinking - 단계적 분석

🧠 복잡한 문제 해결

복잡한 문제를 단계별로 분석하고 해결합니다.

예시 요청

"이 버그의 원인을 단계별로 분석해줘"
"시스템 아키텍처 설계를 단계별로 진행해줘"
"이 알고리즘의 시간복잡도를 분석해줘"

자주 묻는 질문

Q: MCP 도구를 직접 지정할 수 있나요?

네, 요청에 도구 이름을 명시하면 됩니다. 예: "context7로 React 문서 검색해줘"

Q: 여러 도구를 함께 사용할 수 있나요?

네, Claude가 자동으로 필요한 도구들을 조합해서 사용합니다.

"Next.js App Router 문서 검색하고, 라우팅 플로우차트도 그려줘"

Q: 생성된 다이어그램은 어디에 저장되나요?

기본적으로 현재 작업 디렉토리에 이미지 파일로 저장됩니다.