비개발자의 바이브코딩 가지고 놀기 - 두바이 쫀득 쿠키 예약 페이지 (antigravity)

소개

이번주는 제 개인적인 일정으로 현재 개발중인것을 공유드리기 조금 애매하여...
제가 약 한달 전 안티그래비티로 처음 제작했던 페이지를 공유하려고해요!
한창 두바이쫀득쿠키가 유행을 시작하던때에 카톡으로 일일히 예약을 받고있던 카페 사장님을 보고 번뜩 해서 만든 페이지입니다!!

진행 방법

안티그래비티와 챗지피티를 이용하여 제작하였고 이때는 기획을 막 제대로 했다기보단 실시간으로 필요한걸 요청해서 추가하고 하는 방식으로 진행했어요 정말 말그대로 안티그래비티 가지고 놀면서 한번 써보자! 에 중점이 있었던 ㅎㅎㅎ

- 두바이쫀득쿠키를 예약받는 페이지를 만들것이다
- 고객이 이름 전화번호 비밀번호 주문수량을 입력 할 수 있는 메인 페이지를 만들어주고
- 그 내용을 모아서 볼 수 있는 어드민 페이지와 고객확인 전용 내 예약 확인용 마이 페이지를 만들어 줘.
- 메인 페이지에는 매장의 간단한 정보와, 현재 판매상태 그리고 문의 채팅창을 만들어주고 마이페이지로 접속할수있는 버튼을 만들어줘

한국어가 포함된 한국어 지원서
중국어로 된 웹사이트의 스크린샷
휴대폰 등록 페이지 스크린샷

결과와 배운 점

페이지 자체는 잘 만들어졌지만 이렇게 특정 DB를 관리하고 해야하는 페이지는 개발단계에서 db를 활용할 시스템을 사용해야하는데 현재는 페이지만 제작된 상태라서 실질적으로 페이지를 사용하지는 못해요!
에어테이블이나 수파베이스를 시작단계에서 같이 시작해서 페이지를 만들었다면 진짜 카페 사장님께 가볍게 드려볼수도 있었을 것 같네요!!!!!
열심히 연습하면 이제는 진짜 필요한 분께 제대로 작업해서 드릴수도 있을 것 같아요...!!

https://dubai-cookie-reserve.vercel.app/

1
3개의 답글
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 아침,
읽고 바로 써먹을 AI 소식만