🚨심폐소생술 (SOS)cursor
Cursor로 브라우저 연결해서 렌더링 디버깅 하는 방법 아시는 분 계신가요?
타입타입에러 펭귄⛏️삽질 견습생
·렌더링 관련 이슈를 추적하다가 Cursor를 활용해보려고 하는데요, 생각보다 쉽지가 않네요.
제가 원하는 흐름이 이런 건데요.
- Cursor가 브라우저에 직접 연결
- 현재 렌더링된 HTML/JS/CSS 상태를 검사
- 그 내용을 바탕으로 프로젝트 소스 코드를 수정
개발자 도구로 보면 분명히 어딘가에서 스타일이 깨지거나 스크립트가 예상대로 동작 안 하는 게 보이는데, 그걸 Cursor한테 바로 넘겨줄 수 있는 방법이 있을지 모르겠습니다.
현재는 에러 메시지 복붙하거나 스크린샷 올리는 방식으로 하고 있는데, 좀 더 체계적으로 연결할 수 있는 방법이 있다면 훨씬 효율적일 것 같아서요.
MCP 같은 걸 활용하면 가능한건지, 아니면 아예 다른 접근이 필요한건지 분석해보고 싶은데 아직 실마리를 못 찾고 있습니다. 혹시 비슷하게 시도해보신 분 있으시면 경험 공유 부탁드려요.