📋 무료로 설문조사 만들기 — 클로드 코드 무료 학습

유료 설문 도구, 얼마나 비쌀까?

설문 하나 만드는 데 월 3만원? 필요 없어요. Typeform, SurveyMonkey 같은 서비스들을 보면 무료 플랜은 응답 10~100건으로 제한되고, 제대로 쓰려면 월 3~5만원씩 구독해야 하거든요.

서비스	무료 한도	유료 가격
Typeform	10건/월	$29~/월 (약 4만원)
SurveyMonkey	25건/설문, 10문항	$39~/월 (약 5.3만원)
JotForm	100건/월, 5개 폼	$34~/월 (약 4.6만원)
Wufoo	100건/월, 10필드	$19~/월 (약 2.6만원)
Google Forms	무제한 (무료)	—

“그럼 Google Forms 쓰면 되는 거 아니에요?” 맞아요, 무료예요. 근데 문제가 있어요.디자인이 구려요. 폰트, 색상, 레이아웃을 내 브랜드에 맞게 바꿀 수가 없어요. 로고 넣는 것도 제한적이고, “Google Forms로 만든 티”가 확 나거든요.

우리는 디자인도 자유롭고, 응답도 무제한이고, 비용도 0원인 방법을 쓸 거예요. HTML 폼 + Google Apps Script + Google Sheets 조합이에요.

Typeform 디자인 + Google Forms 가격(0원) = 오늘 만들 설문

커스텀 HTML 폼 + Apps Script 백엔드로 유료 도구 없이 완성해요

바로 만들어보기

Claude Code에 아래 프롬프트를 그대로 입력하세요. 설문 폼과 백엔드 코드를 한 번에 만들어줘요.

Claude Code에 이렇게 말하세요

설문조사 시스템을 만들어줘.

- 예쁜 HTML 설문 폼 (설문 주제: 워크샵 만족도)
- 질문: 이름, 이메일, 만족도(1-5), 가장 좋았던 점, 개선 사항
- Google Apps Script로 백엔드 만들어서 Google Sheets에 저장
- 제출하면 감사 메시지 표시
- 모던하고 깔끔한 디자인 (Shadcn UI 스타일)
- survey.html로 저장

이 한 마디면 Claude Code가 알아서 해요:

HTML 설문 폼 생성

이름, 이메일, 만족도, 텍스트 입력 등 깔끔한 UI를 만들어요

Google Apps Script 코드 생성

POST 요청을 받아서 Google Sheets에 저장하는 백엔드 코드예요

연동 설정 가이드

Apps Script 배포 방법과 폼에 URL을 연결하는 방법까지 안내해줘요

Apps Script 배포가 처음이라면

Claude Code가 생성한 가이드를 따라가면 돼요. Google Sheets를 열고 → 확장 프로그램 → Apps Script → 코드 붙여넣기 → 배포(웹 앱) → URL 복사. 5분이면 끝나요.

실행 결과 확인

Claude Code가 작업을 끝내면 survey.html 파일이 생겨요. 브라우저에서 열면 바로 설문 폼이 보여요.

생성된 파일 구조

📁 survey-project/
├── survey.html          ← 설문 폼 (브라우저에서 열기)
└── apps-script.js       ← Google Apps Script에 붙여넣을 코드

설문이 제출되면 이런 흐름으로 데이터가 저장돼요:

사용자가 폼을 작성

survey.html에서 이름, 이메일, 만족도 등을 입력해요

fetch() POST 요청

제출 버튼을 누르면 JavaScript가 Apps Script URL로 데이터를 보내요

Apps Script가 수신

Google 서버에서 POST 데이터를 받아 파싱해요

Google Sheets에 저장

스프레드시트 마지막 행에 응답이 추가돼요

제출이 완료되면 화면에 “감사합니다! 응답이 기록되었습니다.” 같은 메시지가 나와요. Google Sheets를 열면 응답이 한 줄씩 쌓여 있는 걸 볼 수 있어요.

바로 테스트해보세요

survey.html을 브라우저에서 열고 직접 제출해보세요. Google Sheets에 실시간으로 데이터가 들어오는 걸 확인하면 “이게 진짜 되네!” 하는 순간이 올 거예요.

이해하기: 어떻게 공짜인가?

“진짜 무료야?” 네, 진짜예요. 비결은 이미 무료인 서비스 3개를 조합하는 거예요. 각각이 어떤 역할을 하는지 볼게요.

Netlify / Vercel

정적 HTML 호스팅. 우리가 만든 survey.html을 인터넷에 공개해줘요. 무료.

Google Apps Script

POST 요청을 수신하고 데이터를 처리하는 서버리스 백엔드.무료 (일 ~20,000건).

Google Sheets

데이터베이스 역할. 시트당 최대 100만 행까지 저장.무료.

이 세 가지가 합쳐지면 Typeform 같은 유료 설문 도구가 하는 일을 그대로 할 수 있어요. 비용은 0원이고요.

항목	Typeform	우리 방식
월 비용	$29~99	0원
응답 한도	100~10,000건	~20,000건/일
디자인 자유도	제한적 (템플릿)	HTML/CSS 완전 자유
브랜딩	하단에 워터마크	없음
데이터 접근	내보내기 필요	Google Sheets 직접
연 비용	35~120만원	0원

왜 이게 가능한 걸까?

Google은 Apps Script와 Sheets를 무료로 제공해요. 왜냐하면 이 서비스들이 사람들을 Google 생태계에 묶어두거든요. 우리는 그 무료 인프라를 똑똑하게 활용하는 거예요. Netlify/Vercel도 소규모 트래픽은 무료로 호스팅해줘요.

디자인 커스터마이즈

기본 폼이 만들어졌으면, 이제 내 스타일에 맞게 꾸며볼 차례예요. Claude Code에게 말만 하면 디자인을 자유자재로 바꿀 수 있어요.

다크 테마

survey.html을 다크 테마로 바꿔줘.
배경은 #1a1a2e, 텍스트는 흰색 계열로.

브랜드 로고 추가

설문 상단에 우리 회사 로고를 넣어줘.
로고 파일은 logo.png야.

진행률 바

설문에 진행률 바를 넣어줘.
상단에 "2/5 문항" 같은 표시도 해줘.

조건부 질문

조건부 질문을 추가해줘.
만족도가 3 이하면 "어떤 점이 아쉬웠나요?" 질문이
추가로 나오도록 해줘.

HTML/CSS를 직접 수정하는 거니까 디자인의 한계가 없어요. 글꼴, 색상, 애니메이션, 반응형 레이아웃 — Typeform에서는 유료로도 못 하는 것들을 무료로 할 수 있어요.

디자인 키워드를 활용하세요

Step 5에서 배운 디자인 키워드를 여기서도 쓸 수 있어요. “Glassmorphism 스타일로 설문 폼을 만들어줘”, “Notion 느낌의 미니멀 폼으로 바꿔줘” 같은 식으로요.

응답 알림 받기

설문 응답이 들어올 때마다 이메일로 알림을 받을 수 있어요. Google Apps Script의 MailApp.sendEmail() 기능을 쓰면 돼요.

관리자 알림

새 응답이 올 때마다 관리자 이메일로 알림을 보내요. “새 설문 응답: 홍길동, 만족도 5점” 같은 내용이 와요.

자동 회신

응답자에게 “설문에 참여해주셔서 감사합니다” 같은 자동 회신 이메일을 보낼 수도 있어요.

Claude Code에 이렇게 말하세요

Apps Script에 이메일 알림 기능을 추가해줘.

1. 새 응답이 올 때마다 admin@example.com으로 알림 보내기
2. 응답자 이메일로 "감사합니다" 자동 회신 보내기

무료 이메일 한도

Google 무료 계정은 하루 100건까지 이메일을 보낼 수 있어요. Workspace 계정이면 1,500건까지 가능하고요. 하루 100건이면 소규모 설문에는 충분해요. 응답이 100건 이상이 예상되면 알림은 관리자만 받도록 설정하세요.

직접 해보기

설문 하나 만드는 데 5분이면 충분해요

아래 도전 중 하나를 골라서 직접 만들어보세요

도전 1: 워크샵 만족도 설문

이름, 이메일, 만족도(1-5), 좋았던 점, 개선 사항을 묻는 기본 설문을 만들어보세요.

워크샵 만족도 설문을 만들어줘.
질문: 이름, 이메일, 만족도(1-5), 좋았던 점, 개선 사항.
Google Sheets에 저장. 모던한 디자인으로.

도전 2: 제품/서비스 피드백 폼

제품명, 별점, 장점/단점, 재구매 의향을 묻는 피드백 폼을 만들어보세요. 별점은 별 모양 클릭으로 입력하면 더 좋겠죠.

제품 피드백 설문을 만들어줘.
질문: 제품명, 별점(1-5, 별 모양 클릭), 장점, 단점, 재구매 의향(예/아니오).
Google Sheets에 저장. Shadcn UI 스타일.

도전 3: 이벤트 참가 신청서

이름, 연락처, 참가 희망 일자(드롭다운), 인원수, 특이사항을 받는 신청서를 만들어보세요.

이벤트 참가 신청서를 만들어줘.
질문: 이름, 연락처, 희망 일자(3/20, 3/27, 4/3 중 택1),
      인원수(1-5), 특이사항(선택).
Google Sheets에 저장. 깔끔한 폼 디자인.

HTML 설문 폼을 만들었다Apps Script를 배포했다Google Sheets에 응답이 저장됐다Netlify/Vercel에 배포했다

배포까지 해보세요

survey.html을 만들고 끝내지 말고, Netlify나 Vercel에 올려보세요. Step 12에서 배운 방법 그대로예요. 진짜 URL이 생기면 “내가 만든 설문”이라는 실감이 나거든요.

활용 팁

스팸 방지

봇이 자동으로 설문을 제출하는 걸 막으려면 허니팟 필드(사람 눈에 안 보이는 빈 입력칸)를 넣어보세요. 봇은 모든 필드를 채우니까, 허니팟이 채워져 있으면 스팸으로 판정해요. 간단한 체크박스 “로봇이 아닙니다”를 추가하는 것도 효과적이에요.

응답 시간 자동 기록

Apps Script에서 new Date()로 타임스탬프를 자동 추가하면 응답이 언제 들어왔는지 기록돼요. 별도로 “응답 시간” 질문을 넣을 필요 없이 서버에서 자동으로 찍어주는 거예요.

여러 설문 운영하기

설문이 여러 개 필요하면 Apps Script 엔드포인트를 폼별로 분리하세요. 하나의 Google Sheets 파일에 시트를 나눠서 저장할 수도 있고, 아예 별도 Sheets를 만들 수도 있어요. Claude Code에게 “설문 2개를 각각 다른 시트에 저장하게 해줘”라고 하면 돼요.

데이터 분석 활용

응답이 Google Sheets에 쌓이니까 분석이 쉬워요. 피벗 테이블로 만족도 분포를 보거나, 차트를 만들어서 시각화할 수 있어요. Step 6에서 배운 엑셀 자동화를 여기에 연결하면 “응답 수집 → 자동 분석 → 보고서 생성”까지 한 번에 돼요.

다음 단계: 자동화 연결

설문 시스템을 만들었으면, 여기서 멈추지 마세요. 텔레그램 알림(Step 11)을 연결하면 응답이 올 때마다 모바일로 알림을 받을 수 있어요. 데이터 시각화(Step 9)를 연결하면 응답을 자동으로 대시보드로 만들 수도 있고요. 이것들을 조합하는 게 진짜 업무 자동화예요.

참고 자료

Typeform Pricing — typeform.com/pricing
SurveyMonkey Pricing — surveymonkey.com/pricing
Google Apps Script Quotas — developers.google.com/apps-script/guides/services/quotas
Netlify Pricing — netlify.com/pricing