CELL AI DEVLOG

시리즈 1~3편으로 Playwright MCP를 완전히 익혔다면, 이제 진짜 질문이 남는다. "그래서 Playwright MCP 말고 Hyperbrowser, Browserbase, Stagehand 같은 클라우드 서버는 언제 써야 하나?" 2026년 기준 브라우저 MCP 생태계는 5개 이상의 선택지로 분화됐다. 잘못 고르면 몇 주를 날린다. 이번 편에서 기준을 완전히 잡아준다.핵심 요약→ Playwright MCP — 무료, 로컬, 가장 성숙, E2E 테스트·개발 QA 루프의 기본값→ Hyperbrowser MCP — YC 투자, 봇 감지 우회·CAPTCHA 자동 해결 특화, 크레딧 기반 요금, 접속 시간 692ms로 가장 빠름→ Browserbase + Stagehand — 관리형 클라우드 인프라 +..

1·2편으로 설치와 실전 자동화를 익혔다면 이제 "데모 수준"에서 "실제 돌아가는 시스템"으로 넘어갈 차례다. MCP 기반 자동화가 실전에서 무너지는 이유는 대부분 세 가지 — 예측 못 한 에러, 느린 직렬 실행, CI 환경에서의 불안정함이다. 이번 편에서 전부 잡는다.핵심 요약→ Playwright MCP는 탐색·생성 레이어, 프로덕션 회귀 테스트 파이프라인은 결정론적 .spec.ts 스크립트로 분리하는 게 정석→ 에러 핸들링 3원칙 — 오버레이(모달/배너) 먼저 닫기, 재시도는 정확히 2회, 타임아웃은 전역 올리지 말고 해당 테스트만 늘리기→ 병렬 실행 — workers 옵션으로 단일 머신 내 병렬화, --shard로 CI 머신 간 분산→ CI 황금 규칙 — node_modules + 브라우저 바이너..

1편에서 설치를 마쳤다면 이제 진짜 써먹을 차례다. 자연어 한 줄로 데이터를 긁고, 폼을 채우고, 로그인 세션을 유지하는 실전 패턴을 전부 정리했다. 특히 "매번 로그인 다시 해야 하냐"는 가장 많이 받는 질문 — 이번에 완전히 끊어낸다.핵심 요약→ Playwright MCP는 자연어 프롬프트를 browser_navigate, browser_click 등 34개 도구 호출로 자동 변환→ 인증 세션 유지 — --user-data-dir 플래그로 한 번 로그인하면 이후 세션에서 재인증 불필요→ storageState 패턴 — Playwright 공식 방식으로 쿠키+localStorage를 파일로 저장, 역할별 프로필 관리 가능→ 동적 콘텐츠(무한 스크롤, AJAX 로딩) 스크래핑은 스크린샷 기반보다 접근성 ..

"셀레늄 짜기 귀찮다", "브라우저 자동화 코드 유지보수가 너무 힘들다" — 이 고민을 한 번에 날려버리는 도구가 Microsoft에서 공식 출시됐다. Playwright MCP는 Claude, Cursor, VS Code 같은 AI 클라이언트가 실제 브라우저를 자연어 명령으로 직접 제어하게 해준다. 셀렉터도, wait 코드도, 예외 처리도 AI가 알아서 한다.핵심 요약→ Playwright MCP는 Microsoft 공식 패키지(@playwright/mcp)로, AI 에이전트에게 브라우저 조작 도구를 제공하는 MCP 서버→ 비전 모델(스크린샷) 없이 접근성 트리(Accessibility Tree) 기반으로 동작 — 빠르고 토큰 효율적→ Claude Desktop, Claude Code, Cursor, ..