
인사이트 · 2026. 8. 31.
Aside(어사이드)와 Playwright MCP, 클로드 인 크롬 차이 정리
Aside는 AI 기능을 통합한 브라우저 앱이고, Playwright MCP와 Chrome DevTools MCP는 AI가 브라우저 도구를 사용하도록 연결합니다. Claude in Chrome까지 포함해 로그인 재사용, 화면 읽기와 권한의 차이를 설명합니다.
TOPICS
DOM 태그 모음은 관련 인사이트 1편과 클래스 5편을 함께 살펴보는 목록입니다.
전체 6편

클래스
CSS 선택자는 문서에서 조건에 맞는 요소를 지정하는 표현입니다. 태그 이름, id, class와 속성 등을 기준으로 고르며 조건에 맞는 요소가 없거나 여러 개일 수도 있습니다.

클래스
HTML 요소(Element)는 문서의 구조와 의미를 나타내는 구성 단위입니다. 제목, 문단, 버튼뿐 아니라 다른 요소를 묶는 영역과 화면에 직접 표시되지 않는 정보도 요소로 표현합니다.

클래스
브라우저가 HTML 문서를 읽어 만든 트리 구조로, 자바스크립트가 웹페이지의 요소를 찾고 조작할 때 쓰는 통로입니다.

클래스
Attribute(속성)는 HTML Element에 붙는 추가 정보입니다. 택배 상자의 송장처럼, 이름표(id), 분류표(class), 목적지(href) 같은 값으로 각 Element를 식별하고 동작을 결정합니다.

클래스
BOM(Browser Object Model)은 주소, 방문 기록과 창 크기처럼 브라우저 환경을 다루는 객체와 기능을 묶어 부르는 말입니다. JavaScript에서 사용할 수 있지만 브라우저의 모든 기능을 제한 없이 제어하는 것은 아닙니다.