소개
처음 웹사이트를 만들 때 V0를 사용해서 시작했어요. 빠르게 만들 수 있다는 점은 좋았지만,
디자인과 사이트 구조가 마 음처럼 이쁘게 나오지 않아서 뭔가 아쉬움이 컸죠 🥲
그래서 전면적으로 제품 기획 문서(PRD)를 다시 만들기로 했어요.
이 과정에서 "기획 문서를 얼마나 구체적으로 써야 하는지"에 대한 통찰을 얻었고,
그게 오히려 개발 방향을 명확히 잡아주는 계기가 되었어요.
진행 방법
사용한 도구
LLM: ChatGPT, Claude (텍스트 정리 + PRD 리뷰)
IDE: Cursor (코드 편집과 GPT 통합)
디자인 실험: V0 vs Lovale 비교 → 최종적으로 V0 선택
개발 스택:
분류
기술
프론트엔드
Next.js 14, React 18, Tailwind CSS
백엔드/DB
Supabase (인증, 데이터 저장)
AI
OpenAI GPT API
기타
V0 UI Builder, Cursor IDE, shadcn/ui
PRD 문서 재작성 팁
흐름 중심으로 작성하기 (사용자가 어떤 순서로 서비스를 사용하는가?)
기능 설명뿐 아니라, "왜 이 기능이 필요한가?"를 명확히 작성
Claude에게 리뷰를 맡기면서 문장을 정제하거나 놓친 부분 체크하기
💡 Claude 프롬프트 예시:
"이 PRD 문서를 리뷰해줘. 빠진 논리나 모호한 표현을 알려줘."
결과와 배운 점
기획이 곧 개발이다: 기획이 엉성하면 개발 중 계속 방향이 흔들린다는 걸 체감했어요.
시각보다 흐름: 보기 예쁜 것보다, 사용 흐름과 논리가 먼저 설계되어야 함
도구를 다루는 감각: Cursor에서 GPT와 협업하며 반복 코드를 줄이고 생산성을 올림
스터디의 힘: 모각코(모여서 각자 코딩) 시간에 집중력이 올라가고, 실제 구현 속도도 올라감 💪
도움 받은 글
학습반장님의 PRD 사례 (URL)
홍진경님의 PRD 관련 회고 글
지피터스 스터디 내 토요일 모각AI
