Playwright가 뭔가요? AI가 크롬 창을 저절로 여는 이유

한줄 요약: Playwright는 브라우저를 코드로 조종하는 오픈소스 도구입니다. 사람이 마우스로 클릭하고 글자를 입력하는 동작을 코드가 대신합니다. 테스트 자동화에서 먼저 자리 잡았지만 지금은 AI 에이전트가 화면을 직접 조작할 때도 그대로 쓰입니다. AI가 웹 작업을 하다가 크롬 창을 저절로 여는 순간이 바로 이 도구가 움직이는 순간입니다.

목차

1. AI가 갑자기 크롬 창을 여는 이유
2. Playwright는 브라우저를 코드로 조종하는 도구입니다
3. 쓰임은 세 가지, 테스트와 스크립트와 AI 에이전트
4. MCP: AI가 Playwright를 부르는 방식
5. 창이 떴을 때 할 일은 그대로 두는 것입니다
6. 로그인이 필요한 사이트에서는 어떻게 되나
7. 정리

1. AI가 갑자기 크롬 창을 여는 이유

AI 코딩 도구에 웹 관련 작업을 시켜보면, 답이 나오기 전에 크롬 창이 저절로 뜨는 순간이 있습니다. 화면 어딘가를 AI가 대신 클릭하고, 입력창에 글자가 저절로 채워지고, 페이지가 저절로 넘어갑니다. 처음 보면 화면이 해킹당한 것 같은 느낌마저 듭니다.

이 글은 그 창이 왜 열리는지, 그 안에서 무슨 일이 벌어지는지 궁금한 사람을 위한 글입니다. 읽고 나면 그 창이 열렸을 때 놀라지 않고, 무엇을 하고 무엇을 하지 말아야 할지 알게 됩니다.

2. Playwright는 브라우저를 코드로 조종하는 도구입니다

그 창을 여는 도구의 이름이 Playwright입니다. 사람이 마우스로 클릭하고 키보드로 글자를 치는 동작을, 코드 한 줄이 대신합니다. “이 버튼을 클릭해라”, “이 칸에 이 글자를 넣어라” 같은 명령을 코드로 적으면 Playwright가 실제 브라우저 창에서 그대로 실행합니다.

Playwright 공식 홈페이지는 스스로를 “테스트, 스크립트, AI 에이전트를 위한 신뢰할 수 있는 웹 자동화”라고 소개합니다. 하나의 API로 크롬(Chromium), 파이어폭스, 사파리(WebKit) 세 브라우저를 전부 조종하고, TypeScript, Python, .NET, Java 네 언어를 지원합니다. 만든 곳은 마이크로소프트(Microsoft)이고, 소스코드가 전부 공개된 오픈소스입니다.

3. 쓰임은 세 가지, 테스트와 스크립트와 AI 에이전트

앞의 화면에 나온 세 갈래가 그대로 Playwright의 쓰임입니다.

쓰임	무엇을 하나	누가 주로 쓰나
Playwright Test	자동 대기, 결과 확인, 여러 브라우저 동시 실행을 갖춘 테스트 러너	개발자, QA 담당자
Playwright CLI	코딩 에이전트를 위한 토큰 효율적인 브라우저 자동화	Claude Code, GitHub Copilot 같은 코딩 에이전트
Playwright MCP	모델 컨텍스트 프로토콜(MCP) 서버로 AI 에이전트에게 브라우저 제어 권한을 준다	AI 에이전트 전반

세 갈래 전부 밑바탕은 같습니다. 브라우저를 코드로 조종한다는 것 자체는 하나이고, 그 결과를 테스트 성공 여부로 쓰느냐, 자동화 스크립트로 쓰느냐, AI 에이전트의 손발로 쓰느냐만 다릅니다. 이 글에서 다루는 크롬 창이 저절로 뜨는 장면은 세 번째, Playwright MCP가 움직일 때입니다.

4. MCP: AI가 Playwright를 부르는 방식

AI가 브라우저를 조작할 때는 Playwright MCP라는 별도 프로젝트를 씁니다. 공식 저장소는 스스로를 “Playwright를 이용해 브라우저 자동화 기능을 제공하는 모델 컨텍스트 프로토콜(MCP) 서버”라고 설명합니다.

여기서 눈여겨볼 점은 화면을 읽는 방식입니다. Playwright MCP는 스크린샷을 찍어 이미지를 보는 대신, 접근성 트리라는 구조화된 데이터로 화면을 읽습니다. 원래 시각장애인을 위한 스크린리더가 화면의 글자, 버튼, 입력창 위치를 읽어주려고 만들어둔 데이터인데, 이걸 그대로 가져다 쓰는 것입니다. 그래서 AI가 화면을 눈으로 보지 않고도 어디에 어떤 버튼이 있는지 압니다.

Playwright MCP는 기본값이 창이 보이는(headed) 상태입니다. --headless 옵션을 따로 붙여야 창이 안 보이게 됩니다. 즉 AI가 여러분 몰래 화면 뒤에서 조용히 움직이는 게 기본이 아니라, 창을 띄워두고 움직이는 쪽이 기본입니다. Claude Code에 등록하는 명령은 claude mcp add playwright npx @playwright/mcp@latest 한 줄입니다.

5. 창이 떴을 때 할 일은 그대로 두는 것입니다

크롬 창이 저절로 뜨면 할 일은 간단합니다. 그대로 둡니다. AI는 지금 그 창을 통해 화면이 실제로 어떻게 보이는지, 원하는 결과가 나왔는지 스스로 확인하고 있습니다. 창을 닫거나 마우스를 건드리면 AI가 확인하려던 화면 자체가 사라지거나 어긋나서, 오히려 작업이 끊기거나 다시 시작해야 할 수 있습니다.

반대로 이 창이 뜨지 않고 있어야 할 곳에서 안 뜬다면, headless(창 없는) 방식으로 부르고 있을 수 있습니다. 창이 있고 없고는 옵션 하나 차이일 뿐, 브라우저를 코드로 조종한다는 사실 자체는 같습니다.

6. 로그인이 필요한 사이트에서는 어떻게 되나

Playwright MCP가 처음 여는 창은 로그인이 안 된 새 프로필에서 시작합니다. 다만 기본값은 이 프로필을 그대로 남겨두는 방식이라서, 한 번 로그인해두면 다음에 다시 열었을 때도 로그인 상태가 남아 있습니다. 공식 저장소는 이 방식을 “영구 프로필(persistent profile)“이라 부르고, “로그인 정보는 영구 프로필에 저장되며, 오프라인 상태를 지우고 싶으면 세션 사이에 지울 수 있다”고 설명합니다.

--isolated 옵션을 붙이면 다릅니다. 매 세션이 격리된 프로필로 새로 시작하고, MCP에게 브라우저를 닫으라고 할 때마다 그 세션의 저장 상태가 사라집니다. 여기서 세션(session)은 로그인부터 종료까지 이어지는 한 번의 이용 단위를 뜻합니다. 이 옵션을 쓰는 도구라면 로그인이 필요한 작업마다 아이디와 비밀번호를 다시 넣어야 합니다. 이 밖에도 Playwright MCP에는 브라우저 확장으로 사용자가 이미 열어둔 크롬 탭에 붙어, 그 탭의 로그인 세션을 그대로 쓰는 방식도 있습니다.

Aside라는 에이전트 브라우저는 이 로그인 문제를 다른 방식으로 풉니다. 자세한 내용은 에이전트 브라우저가 뭔가요?에서 다룹니다.

7. 정리

Playwright는 마이크로소프트가 만든 오픈소스 도구로, 브라우저를 코드로 조종합니다. 테스트, 스크립트, AI 에이전트 세 갈래로 쓰이고, AI가 쓸 때는 Playwright MCP가 접근성 트리로 화면 구조를 읽어 창을 직접 조작합니다. 로그인 정보는 기본값인 영구 프로필에 남고, 격리 옵션을 쓰면 매번 새로 시작합니다.

이 글과 같은 시리즈로 API가 뭔가요?, 웹훅이 뭔가요? 글도 있습니다. AI 자동화 도구를 만나며 낯선 낱말과 마주칠 때마다 참고할 수 있도록 AI 자동화 용어 모음과 Claude 기능 용어 모음도 정리해두었습니다. Claude Code를 터미널에서 처음 켜는 방법은 Claude Code CLI 가이드에 있습니다.

이 글의 Playwright, Playwright MCP 관련 인용은 Playwright 공식 홈페이지와 microsoft/playwright-mcp 저장소를 2026년 9월 5일에 확인한 내용입니다. 별 개수, 릴리스 버전 같은 수치는 시간이 지나면 바뀔 수 있으니 실제 화면을 기준으로 판단하세요.