클로드코드, 한줄로 Playwright MCP 설치 후 아이디어 간단 test

소개

https://anthropic.skilljar.com/ 강의 내용 일부를 PPT 로 요약한 자료( 샘호트만님 공유)을 보다가
클로드 코드가 시키는 대로 알아서 잘 하는지 궁금해 다음을 해 봤습니다.

  • 설치

  • 권한 주기

  • 웹크롤링 아이디어 물어서 실행

진행 방법

1. Playwright MCP 설치

동적인 웹크롤링을 잘한다는 Playwright MCP를 한 줄로 설치했습니다. 이전엔 json 파일을 열고 어딘가에 무엇을 붙여 넣었어야 했는데, json 에 익숙하지 않았던 터라 어느 줄에 어떻게 붙여 넣어야 하는지 고민했던 과거 덕에 cli 가 너무 편하게 느껴집니다.

claude mcp add playwright npx @playwright/mcp@latest
극작가 MCP

2. MCP 서버 권한 주기

한국 웹 사이트의 스크린 샷

Playwright 에게 자동 권한을 부여하기 위해 PPT에 나온대로 지시만 해봤습니다. PPT에 나온대로 하는지 궁금했습니다.

.claude/settings.local.json 파일을 열고 서버를 allow 배열에playwrite  추가

Java 프로그램의 스크린 샷

PPT 와 달라서 esc, PPT에 나온것만 그대로 복사 붙여넣기 , 아무말 안했습니다. 알아서 해줍니다.

한국 HTML 코드의 스크린 샷

3. 동적크롤링

이번엔 MCP 로 동적크롤링을 하고 싶어 할 만한 것들을 물었습니다. 대형 회화가 개막 첫날 60억에 넘는 금액에 거래가 되었다는 프리즈 서울이 생각나서 작가별 작품 가격 변동추이를 비교해보라고 했습니다.

>전혀 다른 영역의  아이디어를 원해. palywrite 는 웹크롤링에 탁월해.이용해서 현재 할 수 있는 프로젝트는 ?

> 예술경영 분야는?

> 전시기획 트랜드 분석과 작가별 작품 가격 변동 추이를 비교하고 싶어
한국 웹 사이트의 스크린 샷

사이트를 조사하며 웹페이지를 막 띄우더라구요, 보기도 재밌었습니다.
쭈욱 알아서 다음의 순서대로 진행합니다.

-> 사이트 조사
-> 데이터 스키마 설계
-> 전시 정보 크롤러 구현
-> 옥션 가격 크롤러 구현
-> 데이터 연결 및 분석 로직 구현
-> 트렌드 시각화 대시보드 생성

파이썬 실행 파일을 생성하고, 친절하게 Read.md 파일까지 작성합니다.
보기에 정말 그럴싸하게 보입니다.

한국어의 스크린 샷

저는 이제 이런 그럴싸함에 속지 않습니다.

test 로 하는거라 이것저것 물어봤습니다. 어떻게 해결하는지 알고 싶어서

너무 당연한 규칙을 따르지 않은 오류인거 같아서, 왜 그렇게 했냐고 물으니 반성을 열심히 합니다.

한국어의 스크린 샷


하지만 저는 믿을 수 없죠!

검은 배경에 한국어 텍스트 스크린 샷

아이디어 생긴대로 그냥 test 해 본거라 토큰은 소중하니까 이정도로 마무리했습니다.

결과와 배운 점

역시 클로드 코드도 "잘하는척" 합니다.
하지만, 아이디어 한 줄을 어떻게 실행하는지 보여줘 무언가를 가볍게 해보기가 좋았습니다.

에러 과정을 살펴보니
Playwright 는 25000토큰 한정이 있네요. 이럴 경우 어떻게 할지와 파이썬 코드 스타일이나 문법 등에 대한 지침을 claude.md 파일로 넣는거구나 ~ 하는 것을 알게 되었습니다.

1

👉 이 게시글도 읽어보세요