혠의 기술블로그

  • 홈
  • 태그
  • 방명록

browsertools 1

Ai가 브라우저 보는 눈👀 : Cursor에서 Browser Tools MCP 사용하는 방법 (윈도우 + WSL)

Browser tools mcp 는 AI가 실제 브라우저와 연결되어 웹 페이지의 행동 데이터를 직접 수집 이해할 수 있게 해주는 도구입니다.장점1. 콘솔로그 네트워크 요청 스크린샷 등을 자동으로 캡쳐해서 디버깅이나 테스트에 활용 가능 2. AI가 실제 브라우저 동작을 관찰하므로, 코드만이 아니라 실행 결과까지 분석 가능3. 웹 페이지 UI변화나 오류를 시각적으로 파악할 수 있어 QA, 프론트엔드 디버깅에 유용.4. 로컬 테스트 자동화에 적합. 5. AI가 웹을 직접 보는 눈 👀 을 갖게 되어 코드와 화면을 함께 이해하는 개발 지원 가능. 사용방법브라우저 툴 MCP를 cursor AI에서 사용하기 위해서는 1. 크롬 익스텐션 2. 커서 연동 3. 서버 실행 의 단계가 필요합니다. 크롬 익스텐션 설정1. ..

Backend · Infra 2025.10.24
이전
1
다음
더보기
프로필사진

혠의 기술블로그

成長中...

  • 분류 전체보기 (46)
    • 회고 (4)
    • Backend · Infra (29)
    • Frontend · UI (2)
    • Computer Science (1)
    • TIL · 잡담 (6)
    • 기술 시리즈 (1)

Tag

api분리, pkce, ory, 대규모 데이터 처리, olapdb, 브라우저mcp, 검색엔진db, trailing slash, API, browsertools, 모듈분리, 데이터베이스 비교, proxy header, 벡터DB, db선택가이드, 컴포넌트분리, ai 검색, db 종류, web server configuration, 폼 빌더,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바