Cursor 도움이 필요합니다
Cursor Help Needed
핵심 요약
Next.js 대시보드에 게이지 컴포넌트를 배치하려는데 Cursor가 계속 레이아웃을 망가뜨려 10일째 해결하지 못하고 있습니다.
- UI 배치 문제 — LLM이 게이지 컴포넌트의 크기와 정렬을 계속 잘못 수정함
- 반복되는 오류 — 수정 요청을 할 때마다 게이지가 회전하거나 크기가 제각각으로 변함
- 기술적 원인 — 게이지 컴포넌트의 부모 컨테이너가 고정되지 않아 발생하는 렌더링 문제
- 커뮤니티 조언 — 디버그 모드 활용, 새 채팅 스레드 시작, 컨테이너 제약 조건 설정 권장
안녕하세요,
현재 프로젝트 진행 중에 대시보드 게이지(Dashboard Gauges) 문제로 일주일째 막혀 있습니다.
오픈 소스인 react-gauge-components를 사용 중인데, 보기 좋고 프로젝트에 유용해서 Cursor에게 Next.js 대시보드에 3개의 게이지를 구현해달라고 요청했습니다.
10일이 지났는데 게이지 추가는커녕 상황은 점점 더 악화되고 있습니다.
Composer 2.5와 Cursor Grok 4.5를 모두 시도해 봤습니다.
게이지를 배치하긴 하는데 완전히 정렬이 안 됩니다. 수평 정렬이 안 된다고 프롬프트를 입력하면, 수정을 하긴 하는데 게이지가 무작위로 회전하거나, 대시보드 내 다른 위치에 배치되거나, 크기가 제각각이거나, 반쯤 가려지는 등 문제가 발생합니다. 매번 스크린샷을 제공하면서 서로 나란히 배치하고, 같은 크기로 만들고, 이전에 만든 사각형 안에 중앙 정렬해달라고 요청하고 있습니다.
매번 Cursor는 '스크린샷에 무엇이 잘못되었는지 보입니다'라고 답하며 새로운 변경 사항을 적용합니다.
변경 사항을 적용하면 또 다른 문제가 생깁니다. 모든 게이지의 크기가 달라집니다.
다시 반복합니다. 변경 사항을 적용하면 또 다른 문제가 생깁니다. 게이지가 너무 작아서 읽을 수가 없습니다.
다시 수정하면 또 다른 문제가 생깁니다. 게이지가 너무 커서 화면에 들어오지도 않습니다.
10일 동안 (하루에 몇 번이나 수정했는지 기억도 안 납니다) 여전히 대시보드에 게이지를 띄우지 못했습니다.
규칙, 계획, 예외 사항, 가이드라인까지 만들어봤지만 소용이 없었습니다.
제가 뭘 잘못하고 있는지 모르겠네요. 조언을 주시면 감사하겠습니다.
원래 게이지 모습과 제가 얻은 결과를 보여주는 이미지 2장을 첨부합니다.
미리 감사드립니다.
