편안한 차를 위한 랜딩페이지, AI가 해주는 시대에 직접 해봤습니다!
소개
요즘 부쩍 목이 뻐근해져서, "편안한 차"를 테마로 한 상품 랜딩페이지를 만들어보고 싶었어요. 단순히 웹사이트를 만드는 걸 넘어서, AI 도구들을 총동원해서 어디까지 할 수 있을지 궁금했고, 특히 Cursor의 바이브 코딩이 어떤 느낌인지 직접 겪고 싶었죠.
진행 방법
이번 프로젝트에는 아래 세 가지 도구를 사용했어요:
🧠 Gemini – 영어 PRD 생성
Gemini에게 "편안한 차를 위한 랜딩페이지"에 대한 PRD(Product Requirements Document)를 영어로 작성해달라고 요청했어요.
결과는 아주 만족스러웠고, 바로 다음 도구로 넘기기에 충분했죠.
🎨 Lovable – 기획서로 프로젝트 시작
Gemini에서 생성한 PRD를 복사해서 Lovable에 붙여넣기.
Lovable은 이를 바탕으로 초기 프로젝트 세팅을 자동으로 해줬고, 이후 Git 연결까지도 매끄러웠어요.
💻 Cursor – 실시간 문제 해결까지 AI가!
Git으로 연결된 프로젝트를 Cursor로 clone하려는 시도 중, 문제가 발생했어요.
Cursor 내에서 직접 오류 메시지를 확인하고, "문제 해결을 요청"하니:
Cursor가 문제를 분석하고
그에 맞는 해결 방법을 제시해주더니
결국 clone까지 완료!
정말 놀라웠던 건, 모르겠는 걸 그냥 AI에게 말로 부탁하는 수준으로 해결할 수 있었다는 점이에요.
“이거 안 돼, 왜 그럴까?” → 뭐가 다운로드 되어있지 않아서 그렇다고 하면 “그럼 너가 다운로드 까지 해줘” 라는 느낌의 경험. 감동적이었어요.
결과와 배운 점
Cursor를 통한 바이브 코딩이 이해보다 체험이 중요하다는 걸 실감했어요.
“해줘”라고 말하면 진짜 해결해주는 세상이라는 걸 느꼈고,
AI 도구들이 개발에 실질적인 도움이 된다는 걸 처음으로 몸소 경험했죠.
다음에는 디자인까지 포함한 완성형 랜딩페이지를 만들어보고 싶어요!
도움 받은 글 (옵션)
(이번 사례에서는 주로 도구 내 도움을 받음. 참고자료 없음)
