클로드에서 웹 검색 이용하기(f. playwright-mcp-server)

클로드는 웹 검색을 이용할수 없는데 최근 나온 MCP 를 활용하면 웹 검색을 이용할수 있습니다.

하지만 클로드 웹상에서는 안되고 클로드 데스크탑 프로그램을 설치후 여기서 이용 해야 합니다.

 

MCP란?

MCP(Model Context Protocol)는 AI 모델과 외부 도구 간의 통신을 위한 프로토콜입니다.

MCP 기본 개념 : 
 - MCP는 Claude와 같은 AI 모델이 웹 브라우저 제어, 파일 시스템 접근 등의 외부 기능을 사용할 수 있게 해주는 표준화된 방식입니다.

주요 특징:
 - JSON-RPC 2.0 기반 통신
 - 표준 입출력(stdin/stdout)을 통한 메시지 교환
 - 다양한 서버 구현 지원 (파일시스템, 웹 브라우징 등)

작동 방식 :
 - Claude Desktop과 같은 클라이언트가 MCP 서버 프로세스 시작
 - 클라이언트가 JSON-RPC 형식의 명령 전송
 - 서버가 명령 실행 후 결과 반환
 - 모든 통신은 표준 입출력을 통해 이루어짐

 

 

클로드 데스크탑 프로그램에서 playwright-mcp-server 를 이용하면 웹 검색을 클로가 필요할때 알아서 합니다.

 

반응형

 

준비물

 - 클로드 데스크탑 : https://claude.ai/download

 - nodejs  : https://nodejs.org/ko

 

playwright-mcp-server 설치 방법

playwright 설치는 생각보다 간단합니다. mcp가 이제막 나온상태라 약간의 시행착오를 많이 거쳤습니다. 직접 js 파일 만들어서 하고 그랬는데 결과 적으로 다 필요없고 npm으로 설치하고 등록하면 됩니다.

 

NPM을 통한 설치:

npm install -g @executeautomation/playwright-mcp-server

 

 

claude_desktop_config.json 에 추가

Claude Desktop 구성 예시: C:\Users\사용자\AppData\Roaming\Claude\claude_desktop_config.json

처음에 아무것도 없으면 claude_desktop_config.json 파일 {} 만 있다.

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

 

 

클로드 데스크탑 실행

파일 -> 설정 -> 개발자 -> playwright : running으로 되어 있으면 정상 작동중

클로드 채팅장 도구에 숫자가 1에서 15로 올라가 있는데 클릭해보면 playwright가 보임 (숫자는 설치된 도구 개수에 따라 다르다.)

 

클로드 파일 설정

 

클로드 개발자 옵션

클로드 도구 개수

클로드 사용 가능한 MCP 도구 리스트

 

 

naver.com 뉴스 알려줘

클로드가 필요한 경우 알아서 playwright를 활용하여 웹검색을 하고 자료를 가져온다. 이때 playwright는 크롬을 사용하기때문에 크롬창을 열어서 조회한다.

실행시 권한을 물어본다. 이 채칭 허용 클릭하면 실행 된다. (로컬) 로 되어 있는 부분이 내 컴 크롬으로 접속하기에 로컬로 표현 되는거 같다.

클로드 로컬 도구 권한 체크

클로드 playwright 활용한 자동 웹검색

 

 

네이버 뉴스 웹창

 

 

이제부터 클로드에서 웹 검색해서 정보를 가져오고 이것을 클로드로 자료를 활용하면 훨씬 풍부한고 정교하게 ai를 사용할수 있을거 같다.

 

 

 

 

다른글들:

2024.08.27 - [AI] - LLM 이용시 효과적인 프롬프팅 방법 (f.당근)

LLM 이용시 효과적인 프롬프팅 방법 (f.당근)

2025.03.12 - [AI/프롬프트] - 클로드 인포그래픽 svg 만드는 프롬프트

클로드 인포그래픽 svg 만드는 프롬프트