커서 AI 브라우저 자동화 미쳤네요 | 당분간 클로드코드 말고 커서 쓸게요

요약

Cursor 1.7 버전의 빅 업데이트로 브라우저 자동화 기능이 통합되어 AI 에이전트가 직접 브라우저를 제어하고 개발자 도구를 확인할 수 있게 되었습니다. 이를 통해 웹 개발 시 테스트와 디버깅을 자동화할 수 있어 개발 생산성이 크게 향상되었습니다.

주요 내용

1. Cursor 브라우저 자동화 기능

  • 핵심 기능: Cursor 에이전트가 직접 브라우저를 열어 버튼 클릭, 폼 입력, 페이지 이동 등 모든 작업 수행 가능
  • 기존 방식과의 차이: 이전에는 Playwright MCP나 Chrome DevTools MCP를 별도로 연결해야 했지만, 이제는 Cursor에 브라우저 자동화 기능이 내장됨
  • 개발자 도구 통합: 에이전트가 콘솔 에러, 네트워크 트래픽 등을 직접 확인하여 디버깅 가능
  • 실용성: 개발자뿐만 아니라 비개발자도 브라우저 테스트를 자동화할 수 있어 접근성 향상
  • 활용 예시: 댓글 수 표시 기능 추가 후, 에이전트가 자동으로 로그인하고 댓글을 작성하여 기능이 제대로 작동하는지 검증

2. 채팅 탭 자동 완성 기능

  • AI 채팅 패널에서도 코드 자동 완성 기능 지원
  • 프롬프트 작성이 더욱 편리해짐

3. Cursor Hooks 기능 (베타)

  • 개념: 특정 이벤트 발생 시 쉘 스크립트를 자동으로 실행하는 기능
  • 지원 이벤트: 쉘 실행 전, MCP 도구 실행 전, 파일 수정 후, 파일 읽기 전
  • 활용 예시: 파일 수정 후 자동으로 포매터 실행하여 코드 스타일 일관성 보장
  • 장점: AI의 할루시네이션과 무관하게 100% 실행 보장

4. 팀 룰즈 (Team Rules)

  • 팀/엔터프라이즈 플랜에서 사용 가능
  • 조직 전체에 동일한 코딩 규칙을 적용할 수 있는 기능

5. 딥링크 (Deep Link)

  • 미리 작성한 프롬프트를 URL로 공유 가능
  • 브라우저에서 딥링크를 열면 Cursor가 실행되며 해당 프롬프트가 자동으로 채팅창에 입력됨
  • 특정 프롬프트를 팀원들과 공유할 때 유용

6. 샌드박스 터미널

  • 터미널 명령어를 로컬 환경이 아닌 샌드박스 환경에서 실행
  • 보안 취약점 보완
  • 기존 얼로우리스트 방식보다 더 안전한 명령어 실행 환경 제공

7. 개선된 버그봇 (PR 요약 기능)

  • GitHub PR을 자동으로 요약하는 기능 추가
  • 코드 리뷰 효율성 향상

8. 메뉴바 통합

  • 메뉴바에 Cursor 아이콘이 표시되어 현재 실행 중인 에이전트 작업을 빠르게 확인 가능

9. 이미지 인식 기능 개선

  • 기존: 채팅창에 이미지를 직접 붙여넣기 해야 인식 가능
  • 개선: 코드베이스에 있는 이미지 파일을 파일명으로 요청하면 에이전트가 자동으로 읽어서 컨텍스트에 포함

10. 플랜 모드 (Plan Mode)

  • 기능: 개발 전에 코드베이스를 탐색하고 구현 계획을 먼저 수립
  • 과정: 프롬프트 입력 시 바로 개발하지 않고 컨텍스트 서칭 → 마크다운 파일로 구현 계획 작성 → 투두 리스트로 작업을 작은 단위로 분할 → 빌드 버튼을 누르면 계획에 따라 단계적으로 개발 진행
  • 장점: 큰 기능을 작은 단위로 쪼개서 개발하므로 에이전트 성능 향상

11. 에이전트 윈도우 (Agent Window)

  • 단축키: Windows는 Ctrl+Ctrl+E, Mac은 Cmd+E
  • 특징: 코드 에디터가 아닌 AI 채팅창이 메인으로 위치
  • 목적: 에이전트와의 소통에 집중하여 더 에이전틱한 코딩 환경 제공
  • 트렌드: 개발자가 직접 코드를 작성하는 비중이 줄어들고, 에이전트를 통한 대규모 코드 생성이 증가하는 흐름 반영

핵심 인사이트

  • 개발 패러다임의 변화: 개발자가 직접 코드를 작성하는 것에서 AI 에이전트에게 작업을 요청하는 방식으로 전환되고 있으며, Cursor는 이러한 흐름을 선도하고 있습니다.
  • 브라우저 자동화의 가치: 기능 개발 후 브라우저에서 직접 테스트하는 것은 반복적이고 시간 소모적인 작업인데, 이를 에이전트가 자동화함으로써 개발자는 더 창의적인 작업에 집중할 수 있습니다.
  • 작은 단위의 반복적 개발: 플랜 모드를 통해 큰 기능을 작은 작업으로 분할하는 것이 에이전트의 성공률을 높이는 핵심 전략임을 확인할 수 있습니다.
  • 100% 실행 보장의 중요성: Hooks 기능을 통해 AI의 할루시네이션과 무관하게 특정 작업(예: 코드 포매팅)을 항상 실행할 수 있게 되어 코드 품질 관리가 더욱 안정적으로 이루어집니다.
  • 접근성 향상: 비개발자도 브라우저 자동화를 활용하여 개발 과정에 참여할 수 있게 되어, AI 도구의 민주화가 가속화되고 있습니다.

Leave a Comment