본문 바로가기

E2E 테스트2

728x90
브라우저를 이해하는 AI: Chrome DevTools MCP로 끝내는 웹 자동화 AI 코딩 에이전트가 실제 크롬 브라우저를 열고, DevTools로 성능 추적을 녹화하고, 콘솔·네트워크를 읽고, 버튼 클릭·폼 입력까지 수행한다면? 바로 그걸 가능하게 하는 게 Chrome DevTools MCP(Model Context Protocol) 서버입니다. 공개 프리뷰를 발표한 크롬팀 공식 글과 레퍼런스, 그리고 현업 중심의 훌륭한 사용기 정리를 바탕으로 도입 배경 → 핵심 기능 → 실전 예시 → 설치/연동 → 보안 가이드까지 한 번에 담았습니다.MCP & Chrome DevTools MCP 한눈에 보기MCP란? LLM이 외부 도구·데이터 소스와 표준 방식으로 통신하도록 만든 오픈 프로토콜. 동일한 문법으로 다양한 도구를 부릴 수 있게 합니다.Chrome DevTools MCP: MCP 서버.. 2025. 11. 8.
브라우저도 AI에게 맡기세요! Playwright MCP로 진화한 웹 탐색 자동화 Playwright MCP 서버는 AI 에이전트나 자연어 기반 자동화 툴이 브라우저를 제어할 수 있도록 해주는 MCP(Model Context Protocol) 서버입니다.Playwright 기반 브라우저 자동화 기능을 자연어 명령으로 실행할 수 있게 중간 브릿지 역할을 수행합니다.Claude Desktop, Cursor, VS Code 등과 함께 활용되며 LLM(대형 언어 모델) 기반 브라우저 자동화를 가능하게 합니다.환경 구축 및 설치 방법1. Node.js 설치Playwright MCP 서버는 Node.js 기반으로 동작합니다.# Ubuntu/Debiancurl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -sudo apt install .. 2025. 6. 4.
728x90
728x90