소개
I have a dream~!
놀고 있는 사무실을 사부작사부작 꾸며서 공유 회의실을 꾸며 놓았습니다.
문제는 소개 페이지와 예약을 하기 위한 시스템을 만들고 싶었습니다.
전에도 한두번 시도를 하다가 막히면 쳐박아두고, 방치해 두고 있었습니다.
지난주에 vooster ai를 소개받고 드디어 써봤습니다.
1. Vooster ai 사용해보기
1-1 PRD 작성
Vooster ai에 질문에 맞게 답을 해서 PRD를 얻었습니다.
처음에 공유 회의실을 위한 예약시스템을 요청했더니.. 생각보다 어마어마한 플랫폼을 제안해 줬습니다. 아니야 아니야 내가 원한건, 공유 회의실 1곳에 대한 것이야라고 수정요청해서 PRD 를 잘 만들어 주었습니다.
1-2 TRD 작성
웹기반으로 만들었고, NextJS, supabase 기반으로 해달라고만 요청했습니다.
1-3 Rules
Clean Code 로 선택했습니다.
1-4 태스크 생성
가장 기본적인 5개의 태스크에 대해서 설정을 했습니다.
easynext 로 프로젝트 생성
지난주에 설치한 easynext는 이미 설치해서 바로 프로젝트를 생성했습니다.easynext create 프로젝트 이름vooster ai와 연결
프로젝트 연동 버튼을 누르고 설정에 필요한 내용들을 설정하고 사용함.Vooster ai에서 task연결
cursor에 voostet mcp가 잘 연결된 것을 확인했는데, task를 상세하게 불러오지 않았음.
그래서 할 수없이 수동으로 copy paste로 일단 태스크를 가져와서 진행함.
원인을 좀 더 찾아야 함.메인페이지 변경
을
참 안이쁜 페이지를 처음에 주길래.
이미지가 롤링되는 Here 섹션으로 만들어달라고 함.
기능 구현
6-1 달력 기반 예약기능 구현
6-2 supabase에 데이타 연동easenext supabasesupabase 연 동을 위한 키값을 입력하고, supabase setup.md 파일에서 지시한 대로 연결하면 됨
예약이 완료되면 카카오톡 알림톡 발송
Make 웹훅을 호출해서 알림톡을 호출하도록 함.
사용한 도구
vooster ai
cursor
claude code
make
결과와 배운 점
vooster ai 아이디어를 빠르게 PRD, TRD로 구현하고 프로젝트 시작하기 너무 좋았습니다.
태스크까지 연동되어서 하나씩 태스크별로 구현하면 더 편할 텐데, 어떤 문제인지 연동이 안되서 좀 아쉬웠습니다.
claude code를 잘 사용하다가 사용량 리밋에 걸려서 사용을 더 해보지 못해 아쉬웠습니다.
