playwright 3

MCP 101

Model Context Protocol 이해와 활용 MCP 101: Model Context Protocol 이해와 활용Model Context Protocol(MCP)은 AI 에이전트와 외부 도구를 연결하는 JSON-RPC 기반 프로토콜입니다. 이 글에서는 MCP의 개념, 사용 시기, 다른 API와의 차이점, 동적 디스크립션 확인 및 디버깅 방법(SSE, stdout, Inspector 포함), 그리고 mcp-filesystem을 활용한 파일 핸들링 예제를 다룹니다. 또한 Claude와 VSCode Cline을 사용한 테스트 방법과 프롬프트 예제를 제공합니다.1. MCP란 무엇인가?MCP(Model Context Protocol)는 AI 모델(예: LLM)이 파일 시스템, SaaS 앱, 데이터베이스..

dev 2025.05.20

Playwright `page.get_by_role`

Playwright page.get_by_role 역할 기반 요소 탐색Playwright page.get_by_role 가이드1. page.get_by_role이란?Playwright의 page.get_by_role 메서드는 웹 페이지에서 요소를 역할(role)에 기반하여 탐색하는 강력한 도구입니다. 이는 접근성(Accessibility) 표준인 ARIA(Accessible Rich Internet Applications)를 활용하여 요소를 식별하며, HTML 태그 대신 사용자가 인식하는 기능적 역할을 기준으로 동작합니다. 역할(role)이란 요소가 웹 페이지에서 수행하는 목적을 정의하는 속성으로, 예를 들어 버튼(button), 링크(link), 입력 필드(textbox) 등이 이에 해당합니다. ge..

dev 2025.05.18

Playwright 101

Playwright 가이드: 웹 자동화1. Playwright란?Playwright는 웹 브라우저 자동화를 위한 도구로, Selenium의 대안으로 설계되었습니다. 주요 용도는 다음과 같습니다:웹 애플리케이션 테스트 자동화웹 스크래핑 및 데이터 추출반복적인 웹 작업 자동화크로스 브라우저 테스팅주요 기능브라우저 제어: Chromium, Firefox, Webkit(Safari 엔진) 지원DOM 조작: querySelector와 locator로 요소 검색 및 조작폼 자동화: 입력 및 제출 자동화스크린샷 캡처: 페이지 또는 요소 캡처헤드리스 모드: GUI 없는 실행Playwright는 Selenium보다 최신 기술을 활용하며, 자동 대기와 간결한 API를 제공합니다.Selenium과의 비교기능SeleniumP..

dev 2025.03.02