Cursor AI와 함께 삽질하며 만든 나의 첫 브랜딩 랜딩 페이지
소개
5월 24일 지피터스 모각스터디에서 Cursor AI + V0 바이브 코딩 실습을 통해 개인 브랜딩 랜딩 페이지를 만들었습니다.
지피터스 2주차 핵심강의에서 이 조합을 소개해주셨고, 닿님이 공유해주신 스프레드시트 가이드를 보며 어렵지 않게 기본 페이지를 완성할 수 있었어요 😊
진행 방법
사용한 도구
진행 흐름
지피터스 핵심강의(2주차) 중 Cursor + V0 바이브 코딩 실습 영상 15분 시청
닿님이 정리해주신 공유 가이드 시트 참고
모각스터디 시간 동안 빠르게 기본 페이지 구성 완료 💪
삽질 에피소드: "Cursor야, 넌 왜 자꾸 거기서 오류가 나니?"
집에 와서 더 예쁘게 만들고 싶어서 React 코드로 전환 요청
처음엔 좋았어요: 알아서 폴더 만들고, 패키지 설치하고, 자료 생성까지 ✨
그런데...
수정 요청하자 이상한 반복 작업 시작
자꾸 같은 파일을 덮어쓰고, 패키지를 설치했다가 지웠다가 반복 😵💫
저는 계속 Run과 Accept를 누르며 열심히 협업 중(?)
새벽 3시… 드디어 눈치 챔
"왜 같은 작업을 반복하지?" → Cursor 왈, "버전 충돌 때문이야"
다시 명확히 제한을 걸어 요청했으나… 이미 강을 건넌 상태
결국 복구 불가 상태에 도달 → 다음 날 아침 처음부터 다시 작업 😭
아침에 완성한 개인 브랜딩 페이지
결과와 배운 점
최종적으로는 완성했지만, 첫 구현본보다 디자인은 다소 아쉬운 형태로 마무리
AI 도구의 힘은 정말 강력하지만, 잘못된 방향으로 가면 엄청난 삽질의 길이 열림
특히 React 전환처럼 기술적으로 복잡한 요청은 분해해서 명확히 전달하는 게 중요
단순히 Accept/Run 반복은 🛑 — 흐름과 변화 내용을 꼭 점검하며 사용할 것!
AI 에이전트는 못한다는 말을 하지 않습니다. 단지 저 대신 삽질을 열심히 할 뿐입니다!!!
도움 받은 글
지피터스 2주차 핵심강의: [Cursor AI + V0 실습 편]
닿님의 공유 가이드 스프레드시트 (모각스터디 참고 자료)
모각 실습 공유 스프레드 시트
✨ 여러분도 Cursor와 함께 실험해보시되, Ctrl + Z는 항상 준비해두세요! 😎