이렇게 하는 거 맞아? 싶은데 어찌저찌 완성한 관계형 DB

📝 한줄 요약

과거 진행했던 카드발급 프로모션을 소재로 AI와 대화하듯 코딩해서, 이벤트 페이지 + Airtable DB + 분석 대시보드 + CS 조회툴까지 하루 만에 완성했어요.

😫 문제 상황 (Before)

카드발급 추천 프로모션을 운영했는데, 발급 경로마다 혜택 금액이 달랐어요. 데이터를 실시간으로 볼 방법이 없고, 보안상 어드민 직접 접속도 불가해서 개발팀 요청 → 대기의 반복이었어요.

그 프로모션을 소재로 바이브코딩 실습을 해보기로 했어요. "AI로 Airtable DB 구축하는 걸 직접 해보자"가 출발점이었고, 막상 시작하니 욕심이 생겨서 기능이 점점 늘어났어요.

🛠️ 사용한 도구

• Claude Code (VSCode 확장) + Airtable MCP 연동

• Claude가 직접 Airtable에 접근해서 테이블 생성 및 데이터 입력

🔧 작업 과정

1. "이런 데이터 넣고 싶어" — 한 마디로 테이블 3개 완성 😮

발급ID, 발급일시, 발급경로, 성별, 카드수령지역, 추천인ID, 최초결제금액
이 데이터를 Airtable에 넣고 싶은데, CS부서에도 공유하면 좋을 거 같네?

Claude가 테이블 3개 구조를 제안하고, 눈앞에서 바로 생성했어요. Airtable 열어보니 테이블이 딱 만들어져 있었어요. 말로 설명했는데 관계형 DB가 뚝딱 생기는 게 신기했어요.

ALT

여러 항목을 보여주는 스프레드시트의 스크린샷

2. 대시보드 + 첫 에러 체험

대시보드도 만들어서, 발급 경로별 결제금액을 보여주자

발급경로별 총/평균 결제금액 차트로 교체해줬어요. 근데 평균 차트가 안 보였어요.

안보이잖아ㅜㅜ

Claude가 변수 이름 충돌 + 데이터 타입 오류 두 가지를 동시에 잡아서 해결. 에러가 나는 게 당연한 과정이라는 걸 처음으로 실감했어요.

ALT

한국 비즈니스 대시보드 스크린샷

3. CS 조회툴 — 발급ID 하나로 안내 멘트까지 😮

고객센터에 "내가 왜 이 혜택을 받은거죠?" 문의가 제일 많은데
발급ID 넣으면 바로 확인할 수 있는 페이지를 만들고 싶어

실제로 CARD1655 입력했더니 — 이벤트, 혜택 금액, 추천인 여부 한 번에 조회되고, CS 상담사가 바로 읽을 수 있는 안내 멘트가 자동 완성됐어요.

ALT

한국사이트 스크린샷

"고객님은 이벤트A를 통해 카드를 발급하셨어요. 해당 이벤트 혜택으로 ₩5,000이 지급됩니다."

4. 구글 캘린더 연동 — 드래그 한 번으로 페이지 ON/OFF 😮

이벤트 페이지를 구글 캘린더 일정에 맞게 고객 접근을 거부/허용 가능할까?

ALT

Google 캘린더 - 스크린샷 미리보기 이미지

에러가 제일 많이 났던 파트예요. 이벤트가 계속 "종료됨"으로 떴는데:

나 알겠어 내가 캘린더를 '기본'에서 '카드발급 프로모션'으로 옮김
이거랑 영향이 있을까?

바로 맞혔어요. 수정 후 캘린더에서 시작 시간을 "지금"으로 바꾸니까 — 새로고침하자마자 즉시 열렸어요. 딜레이 없이. 캘린더 드래그 한 번으로 실시간 제어할 수 있어요.

ALT

결제 페이지를 보여주는 웹사이트의 스크린샷

✅ 결과

💬 AI 활용 팁

효과적이었던 것

1. 에러 메시지 그대로 붙여넣기 — "왜 안되지?"보다 에러 텍스트를 통째로 넣는 게 훨씬 빠름

2. 작은 단위로 만들고 확인하기 — 한 번에 다 요청하면 꼬임. 하나씩 쌓는 게 안전함

3. 코딩 이해보다 결과 확인 — "이게 내가 원하는 결과를 내나?"에만 집중

주의할 것

• 에러가 나도 포기하지 말 것. 에러는 과정이에요.

🚀 앞으로의 계획

코드 파일 안에 API 키가 직접 노출되어 있어요. 외부 링크 공유 시 보안 문제가 생길 수 있어서, 다음엔 환경변수로 분리하는 작업이 선행되어야 해요. (<---- 우움,,,? 이게 무슨 소리...?)

📋 바로 쓸 수 있는 프롬프트

나는 [업무 내용]을 관리하는 DB를 만들고 싶어. 필요한 항목은 [항목1, 항목2, 항목3]이야. Airtable에 테이블 구조를 만들어줘.

[고객 ID / 주문번호]를 입력하면 [확인하고 싶은 정보]를 보여주는 페이지를 만들어줘. 조회 결과 아래에 담당자가 바로 읽을 수 있는 안내 멘트도 자동으로 나오면 좋겠어.

[에러 메시지 전체 붙여넣기] 이 에러가 왜 나는지, 어떻게 고치면 되는지 알려줘.