소개
개인 랜딩페이지를 만들고 싶었어요. 단순한 소개 페이지가 아니라, 게시글 작성, 상담문의, 이메일 회신, 그리고 관리자 기능까지 포함된 꽤 복잡한 형태였죠.
그래서 기획부터 자동으로 처리해주는 도구, 바로 Vooster AI를 사용했어요. PRD, TRD, Todo까지 생성해주니 정말 든든했죠. 그 문서를 기반으로 Cursor에서 바로 개발까지 해보려는 계획이었어요. 그런데… 생각보다 일이 간단하지는 않았습니다. 😅
진행 방법
🛠 사용 도구
Vooster AI: PRD, TRD, Todo 자동 생성
Cursor: AI 코딩 기반 개발 도구 (PRD,TRD, Todo를 바탕으로 코드 구현)
📋 요청한 기능
게시글 작성 및 조회 기능
상담문의 제출 + 이메일 회신
관리자 페이지에서 사용자 정보/게시글/문의 관리 기능
🧩 진행 과정
Vooster AI에서 상세한 TRD 생성
기능 하나하나에 대해 세부 API, 데이터 흐름, 필요한 UI 설명까지 자동 생성됨
Cursor에 TRD 내용 그대로 붙여 구현 시도
예상보다 상세한 기술 문서에 AI가 오히려 당황(?)
결과적으로 구현이 멈춘 시점
Phase1에서 Supabase 초기설정시 환경설정(.env에 API Key값 설정 필요)
Supabase에서 테이블 생성이 100% 완료되지 않아 Phase 2 단계로 넘어가지 못했음
결과와 배운 점
랜딩페이지에 필요한 기능 구현을 위한 필요 기능 사전 분석 및 적용 가능 여부 사전 검토 필요
Next Action Plan: 1차 배포용 랜딩페이지를 다시 구현 및 배포 예정. 외부서비스 연계는 1차 배포에는 제외 예정(Claude-code 설치 및 Vibe coding 시도)
도움 받은 글 (옵션)
진여진님의 17기 3주차 모각 발표 자료
