🎾 버블로 만든 피클볼 예약 시스템 : 무지한 자의 오만기 💥

### 🧭 왜 예약 시스템을 만들게 되었을까?

“관계형 데이터 구조를 몸으로 익혀보고 싶다!”

그 단순한 목표 하나로 피클볼 코트 예약 시스템을 만들기로 했습니다.

버블(Bubble)이라는 노코드 툴을 선택한 이유는 단 하나!

👀 “노코드니까 쉽겠지?”

하지만, 세상엔 “노코드지만 로우코드보다 어려운 노코드”도 있다는 걸… 이 프로젝트 덕분에 알게 되었죠.

---

### 🛠️ 구현한 예약 기능

이번 MVP에서 구현한 예약페이지는 간단 명료! 하지만 기능은 꽤 튼튼합니다:

📍 코트 선택: outdoor 1, outdoor 2 등

📍 날짜 & 시간 선택: 캘린더 + 시간 드롭다운

📍 사용시간 선택: 30분 / 60분 / 90분 (옵션셋으로 관리)

📍 동반인 수 입력: 본인 제외 0~3명

📍 결제금액 자동계산: 사용시간 기반 계산

📍 예약/결제 버튼: 워크플로우로 예약정보 저장

> 📸 UI 예시 스크린샷

---

### 😇 허세임 스터디장님의 한 마디로 구원받다!

처음에 예약시간을 데이터타입이 아닌 옵션셋에 넣는 바람에 예약 로직이 제대로 작동하지 않았어요.

그런데 모각AI 시간에 허세임 스터디장님께서 딱 보고:

> “사용시작시각 데이터는 옵션셋이 아니라 데이터타입으로 넣어야 맞아요~”

🎉 바로 해결!

이 경험 덕분에 버블의 데이터 구조 설계가 얼마나 중요한지 절실히 느꼈습니다.

---

### 💣 따옴표 하나에 울고 웃는 버블

노코드 툴이라고 해서 편할 줄 알았다구요? 😅

버블은 따옴표 하나에도 엄청 예민합니다.

예: 조건 필터에서 “text” is in List → "text"는 문자, 하지만 " is in List"가 문제될 수도 있음

👉 버블의 조건문과 동적데이터 연결은 굉장히 정교하게 다뤄야 해요.

---

### 😂 스케줄러 플러그인을 만들겠다는 무모한 도전기

처음엔 이런 생각이었어요.

> “유료 스케줄러 플러그인을 안 쓰고 직접 만들어보자! 챗지피티가 잘 도와주겠지...”

결과는?

버블에서 프런트엔드 타임라인 예약기능을 구현하는 건, 너무 손이 많이 갑니다.

게다가 AI가 도와줄 수준도 아니었고…(챗지피티도 스스로 인정하더라구요 ㅎㅎㅎㅎ) 결국 이렇게 외쳤죠:

🧘‍♀️ "지금은 MVP 완성에 집중하자. 예약은 버튼으로 충분하다."

👉 '클릭앤드래그 한방 스케줄러'는 내공 좀 더 쌓고, 나중에 차라리 커서로 만들자!

---

### 🎯 마무리하며: 버블은 쉽지 않다, 하지만 배울 게 많다

버블은 "노코드 툴"로 유명하지만, 사실 써보면 거의 로우코드급 복잡성을 가지고 있어요.

하지만 그만큼:

- 관계형 데이터 설계

- 예약 흐름 이해

- 조건 필터와 속성 활용

등 실전 능력을 기르기에 정말 좋은 플랫폼인듯 합니다.

---

### 📌 앞으로 계획은?

✅ MVP 예약페이지 완료

✅ 예약정보 DB 저장 및 결제금액 계산 완료

➡️ 다음 스텝: 결제 API 연동 + 챗봇 연결

(( ➡️ 예약 타임라인 스케줄러는 언제고 꼭 완성하고 말테야! ))

AI의 파도, 함께하면 이뤄낼 수 있어요! 22기 스터디 사전판매 시작 🚀