← 활용 아이디어 · ⚙️ 자동화·연결 · 마지막 확인: 2026년 11월 10일

클로드가 웹사이트를 직접 돌며 비교표 만들기

이 정도 배우면 할 수 있어요: 고급

💻 이 방법은 컴퓨터에서만 할 수 있어요. 클로드 코드나 컴퓨터용 클로드 앱이 필요하거든요.

한 줄 요약

MCP는 클로드에 다른 프로그램을 꽂아 쓰는 플러그 같은 거예요. 브라우저 MCP를 꽂으면 클로드가 크롬 창을 직접 열고, 메뉴를 누르고, 내용을 읽어서 표로 정리해요. 내가 탭 10개를 오가며 복사하던 일을 대신해요.

이럴 때 써요

• 동네 학원·헬스장 몇 곳의 가격과 운영 시간을 비교하고 싶을 때
• 사려는 가전제품의 사양을 제조사 누리집 여러 곳에서 모아 보고 싶을 때
• 검색만으로는 안 나오고 메뉴를 눌러 들어가야 보이는 정보를 모을 때

시작하기 전에

• 클로드 코드 설치가 되어 있어야 해요.
• 브라우저 MCP는 Node.js라는 프로그램이 필요해요. 아래 설치 명령에서 “npx를 찾을 수 없다”고 나오면 nodejs.org에서 LTS 버전을 설치한 뒤 터미널을 새로 열어요.

따라 하기

1단계. 브라우저 MCP 꽂기 (한 번만)

터미널에 아래 한 줄을 붙여 넣고 Enter를 눌러요. 마이크로소프트가 만든 Playwright(플레이라이트)라는 브라우저 조작 도구를 클로드 코드에 연결하는 명령이에요.

claude mcp add playwright npx @playwright/mcp@latest

2단계. 클로드 코드 열고 부탁하기

결과를 저장할 폴더에서 claude로 클로드 코드를 열고 이렇게 말해요.

처음에는 클로드가 “브라우저 도구를 써도 될까요?” 하고 물어봐요. 무슨 일을 하려는지 읽어 보고 허락해요. 크롬 창이 저절로 움직이는 걸 지켜볼 수 있어요.

바꿔 쓰기

• “이 세 가지 청소기의 무게, 배터리 시간, 소음을 제조사 누리집에서 찾아 표로 만들어 줘”
• “이 공공기관 누리집 공지사항에서 이번 달 지원 사업만 골라 줘”
• 예약 작업과 묶기: “매주 월요일 이 페이지의 가격이 바뀌었는지 확인해서 알려 줘” (예약 작업 참고)

조심할 점

• 로그인, 결제, 개인정보 입력은 클로드에게 맡기지 않아요. 할 일 문장에 “하지 마”를 넣어요.
• 웹사이트가 자동 접속을 막거나, 이용 약관에서 금지할 수 있어요. 막히면 억지로 하지 말고 직접 확인해요.
• 페이지가 바뀌었거나 정보가 없으면 클로드가 잘못 읽을 수 있어요. 중요한 숫자는 표에 적힌 누리집에서 한 번 더 확인해요.
• 연결을 빼고 싶으면 claude mcp remove playwright를 입력해요.