[ 5월 24일 모각 ] Cursor AI 에이전트 + V0 로 개인 브랜딩 랜딩페이지 만들기

Cursor AI와 함께 삽질하며 만든 나의 첫 브랜딩 랜딩 페이지

소개

5월 24일 지피터스 모각스터디에서 Cursor AI + V0 바이브 코딩 실습을 통해 개인 브랜딩 랜딩 페이지를 만들었습니다.

지피터스 2주차 핵심강의에서 이 조합을 소개해주셨고, 닿님이 공유해주신 스프레드시트 가이드를 보며 어렵지 않게 기본 페이지를 완성할 수 있었어요 😊

진행 방법

사용한 도구

  • Cursor AI

  • V0.dev

  • React (삽질 원인 중 하나... 🫠)

  • ChatGPT 4o (페이지 내용 개인화)

진행 흐름

  • 지피터스 핵심강의(2주차) 중 Cursor + V0 바이브 코딩 실습 영상 15분 시청

  • 닿님이 정리해주신 공유 가이드 시트 참고

  • 모각스터디 시간 동안 빠르게 기본 페이지 구성 완료 💪

삽질 에피소드: "Cursor야, 넌 왜 자꾸 거기서 오류가 나니?"

  • 집에 와서 더 예쁘게 만들고 싶어서 React 코드로 전환 요청

  • 처음엔 좋았어요: 알아서 폴더 만들고, 패키지 설치하고, 자료 생성까지 ✨

  • 그런데...

    • 수정 요청하자 이상한 반복 작업 시작

    • 자꾸 같은 파일을 덮어쓰고, 패키지를 설치했다가 지웠다가 반복 😵‍💫

    • 저는 계속 Run과 Accept를 누르며 열심히 협업 중(?)

  • 새벽 3시… 드디어 눈치 챔

    • "왜 같은 작업을 반복하지?" → Cursor 왈, "버전 충돌 때문이야"

    • 다시 명확히 제한을 걸어 요청했으나… 이미 강을 건넌 상태

    • 결국 복구 불가 상태에 도달 → 다음 날 아침 처음부터 다시 작업 😭

  • 아침에 완성한 개인 브랜딩 페이지

    소녀의 이미지가 포함 된 한국 웹 사이트의 홈페이지

결과와 배운 점

  • 최종적으로는 완성했지만, 첫 구현본보다 디자인은 다소 아쉬운 형태로 마무리

  • AI 도구의 힘은 정말 강력하지만, 잘못된 방향으로 가면 엄청난 삽질의 길이 열림

  • 특히 React 전환처럼 기술적으로 복잡한 요청은 분해해서 명확히 전달하는 게 중요

  • 단순히 Accept/Run 반복은 🛑 — 흐름과 변화 내용을 꼭 점검하며 사용할 것!

  • AI 에이전트는 못한다는 말을 하지 않습니다. 단지 저 대신 삽질을 열심히 할 뿐입니다!!!

도움 받은 글


✨ 여러분도 Cursor와 함께 실험해보시되, Ctrl + Z는 항상 준비해두세요! 😎

3
2개의 답글

👉 이 게시글도 읽어보세요