설문 페이지부터 DB까지 구축까지 '말'로 한 번에

바이브 코딩, 넌 정말 사랑이야.

by designer MYO
스크린샷 2026-01-12 오후 10.56.45.png 바이브 코딩으로 설문 조사 폼 만들기 (Gen Spark)


작년 초만 해도 설문 조사를 구글 폼으로 만들고,

결과를 바탕으로 AI 활용 프로필 자동 분류 시스템을

만들려고 했을 때,

아무리 AI를 활용해도 생각처럼 쉽지가 않았습니다.


설문 조사 내용은 GPT와 함께 정리하고,

구글폼 작성은 사람이,

결과를 특정 기준으로 자동 분류하는 코딩은 다시 GPT로,

실행은 구글 앱스 스크립트를 활용했는데..


결국, 마지막엔 통계 전문가 지인과

개발자 지인의 도움을 받아야만 했습니다.

(그 친구들은 제가 만든 걸 보더니

“여기까지 직접 한 것만 해도 놀랍다”했던 시절..ㅋㅋ)


그러다가 ‘바이브 코딩’이 등장하면서

설문 폼 자체는 클로드, 젠스파크, 구글 AI 스튜디오 같은 도구로

한 번에 만들 수 있게 되었습니다.


하지만, 설문 조사 결과를 분류하고 DB까지 구축하는 것은

디자이너인 제가 하기 힘든,

전혀 '다른 영역'이었습니다.


그런데, 이번엔?


설문 페이지→ DB 구축 → 결과 페이지까지

커피 한 잔 마시는 사이에 끝.


작년 말에만 해도,

대화를 몇 번 주고받아야 완성할 수 있었는데,

이번엔 정말 한 번에! 만들었습니다.


제가 한 일이라곤,

AI와 함께 설문 내용을 정리하고

참여자를 나누는 기준을 설계하고

아래 프롬프트를 입력한 것

이게 전부입니다.


<프롬프트>

아래 내용으로 '비영리 홍보 콘텐츠 제작 워크숍' 사전 설문 조사 폼을 만들어 줘. 스타일은 첨부한 이미지를 참고해서 다이내믹한 HTML로 만들어 줄래?


[설문 내용 추가]


위의 설문 결과값을 볼 수는 페이지를 관리자만 볼 수 있게 만들어 주고, 아래 내용을 기준으로 각 참여자 별 AI 활용 프로필 분류도 해줄래?


[참여자 AI 레벨 분류 체계 (사전 설문 기반)]


그랬더니...

아래 페이지가 뚝딱!

스크린샷 2026-01-12 오후 10.57.11.png 설문 조사 시작 페이지 (Gen Spark)


디자인 프롬프트를 길게 넣지도 않았습니다.

그냥 갖고 있던 스타일 가이드 한 장만 첨부했는데,

구글폼보다 훨씬 한눈에 들어오게 만들어 주었습니다.


스크린샷 2026-01-12 오후 10.57.49.png 설문 조사 페이지 (Gen Spark)


설문 조사 완료 페이지에서는 꽃가루도 뿌려 줬습니다.


설문 완료 페이지 (Gen Spark)


특히 결과 페이지는 기대 이상이었습니다.

참여자 목록은 기본이고,

결과 요약, 검색 기능까지 있고,

CSV로 다운로드도 가능합니다.


스크린샷 2026-01-12 오후 11.05.56.png 설문 조사 결과 페이지 (Gen Spark)


반복 작업인데, 시간이 오래 걸린다?

한 번쯤은 바이브 코딩으로 가볍게 만들어 보세요.


'이게 될까?'

망설이는 순간이 있다면,

일단 AI에게 물어보세요.


생활이 바뀝니다.


생각보다 훨씬 빨리,
그리고 생각보다 많이요.

디자인은 정말 별로였지만,

편해서 애용했던 구글 폼,

이제 진짜 안녕!



keyword