# 앱스 스크립트로 데이터 웹앱 만들기

> 구글 시트의 데이터를 웹서비스로 활용하고 싶은 분에게 맞아요. QR 출석부와 유튜브 분석 도구, 부동산 데이터·학교 배정 지도 서비스를 기획하고 구현해요.

- 연재: https://community.clauders.ai/series/apps-script-data-web-services
- 공간: [바이브 코딩](https://community.clauders.ai/claude-code)
- 편 수: 8

## 편 목록

1. [AI 시대, 나만의 서비스로 퍼스널 브랜딩 하는 법 - 유튜브 분석 툴 YouTube Insider 1.1 배포 사례](https://community.clauders.ai/claude-code/post/ai-%EC%8B%9C%EB%8C%80-%EB%82%98%EB%A7%8C%EC%9D%98-%EC%84%9C%EB%B9%84%EC%8A%A4%EB%A1%9C-%ED%8D%BC%EC%8A%A4%EB%84%90-%EB%B8%8C%EB%9E%9C%EB%94%A9-%ED%95%98%EB%8A%94-%EB%B2%95-%EC%9C%A0%ED%8A%9C%EB%B8%8C-%EB%B6%84%EC%84%9D-%ED%88%B4-youtube-insider-1-1-%EB%B0%B0%ED%8F%AC--97f61487-6fba-8ae9-9440-b285bb82ff6e) — 푸딩, 2025-03-02
   🧰 사용 도구 🤖 Claude 3.5 sonnet(3.7 나오기 전이라..), GPT o3 mini high : 코드 개선 및 디버깅 지원 📝 Google Apps Script: 코드실행 및 배포 📹 YouTube Data API: 유튜브 데이터 수집 ⭐ 주요 개선 사항 1️⃣ 숏폼/롱폼 필터링 기능 모든 분석 탭에 영상 길이 기준 필터를 추가했습…
2. [GPTs로 나만의 AI 서비스 기획서 만들어 봤습니다.](https://community.clauders.ai/claude-code/post/gpts%EB%A1%9C-%EB%82%98%EB%A7%8C%EC%9D%98-ai-%EC%84%9C%EB%B9%84%EC%8A%A4-%EA%B8%B0%ED%9A%8D%EC%84%9C-%EB%A7%8C%EB%93%A4%EC%96%B4-%EB%B4%A4%EC%8A%B5%EB%8B%88%EB%8B%A4-584b59a6-ff6f-89cc-b7ae-58f7d8a350d5) — 푸딩, 2025-03-24
   3-1. 신규 기능 영상별 시청시간 추정 (구현 가능여부 미정) 예상 수익 계산기 상세 분석 모달 3-2. 개선 기능 참여율 지표 고도화 카테고리 기반 분석 성장 추세 분석 (구현 가능여부 미정) 4. 향후 개발 계획 정리 기술 스택 Google Apps Script (백엔드 & 배포) YouTube Data API (공개 채널·영상 데이터) Spread…
3. [Apps Script로 자동 QR 인식 출석부 만들기 - 전화번호 매칭 방식](https://community.clauders.ai/claude-code/post/apps-script%EB%A1%9C-%EC%9E%90%EB%8F%99-qr-%EC%9D%B8%EC%8B%9D-%EC%B6%9C%EC%84%9D%EB%B6%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%A0%84%ED%99%94%EB%B2%88%ED%98%B8-%EB%A7%A4%EC%B9%AD-%EB%B0%A9%EC%8B%9D-dba76a78-9658-81a5-9f58-98467fd64fc9) — 에스프레소, 2025-03-25
   1.구글 Sheet 준비하기 '출석체크'라는 Sheet 하나를 만들기 '출석체크' 시트 구성 A열 : 이름 B열 : 전화번호 C열 : 출석시간 결과적으로 QR 체크를 하게 되면 C열에 출석 시간이 입력되는 출석 시스템 2.프롬프트 아래와 같이 Claude에서 시작한 것이 전쟁의 시작 *Prompt Apps Script를 이용해서 하나의 QR 코드를 만들고…
4. [Apps Script로 공공데이터 API 데이터 호출하여 Tableau로 시각화 대시보드 제작하기](https://community.clauders.ai/claude-code/post/apps-script%EB%A1%9C-%EA%B3%B5%EA%B3%B5%EB%8D%B0%EC%9D%B4%ED%84%B0-api-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%98%B8%EC%B6%9C%ED%95%98%EC%97%AC-tableau%EB%A1%9C-%EC%8B%9C%EA%B0%81%ED%99%94-%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C-%EC%A0%9C%EC%9E%91%ED%95%98%EA%B8%B0-d054921f-fb1b-82a2-90e3-2cfcdc233cb2) — 상냥한 작가, 2025-03-26
   활동 내역 클로더즈 14시에서 GPTs 스터디를 참여하면서 KB 부동산 지수 데이터로 GPTs를 만들었습니다. 예를 들어 “2006년 1월부터 2025년 2월까지 서울특별시, 부산광역시, 대구광역시, 경기도, 세종특별자치시 분석하고 그래프 그려줘.”라고 요청하면, 분석해서 동적시각화 차트를 그려주고, 변곡점이 있었던 시점에 뉴스를 검색하여 변곡점의 원인을…
5. [Apps Script를 활용한 게임형 심리테스트 웹앱 기획](https://community.clauders.ai/claude-code/post/apps-script%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-%EA%B2%8C%EC%9E%84%ED%98%95-%EC%8B%AC%EB%A6%AC%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%9B%B9%EC%95%B1-%EA%B8%B0%ED%9A%8D-35633bfc-ef0e-8169-afe9-e342f4318d57) — 날쌘 다람쥐, 2025-03-26
   소개 MZ세대를 타겟으로 한 브랜딩 마케팅의 일환으로, 게임형 심리테스트를 통해 사용자가 자신의 '투자 성향'을 알아보고 결과를 공유할 수 있는 웹 앱 "깨어나세요 용사님"을 기획. 사용자가 몰입할 수 있는 재미 요소를 결합하여, 자연스럽게 브랜드 메시지를 전달하는 것이 목적. 제작 계획 1주차: 주요 툴 테스트 2주차: 기획 설계 및 제작 3주차: 고도…
6. [G.A.S 초등학교 배정 아파트단지 표시 서비스](https://community.clauders.ai/claude-code/post/g-a-s-%EC%B4%88%EB%93%B1%ED%95%99%EA%B5%90-%EB%B0%B0%EC%A0%95-%EC%95%84%ED%8C%8C%ED%8A%B8%EB%8B%A8%EC%A7%80-%ED%91%9C%EC%8B%9C-%EC%84%9C%EB%B9%84%EC%8A%A4-43cab2d6-4779-84c9-bc66-22d16425a271) — 대담한 고양이, 2025-04-02
   소개 지난 14기에서 진행한 유투브-텔레그램 연동 서비스를 Apps script를 활용하여 구현해보고자 했으나, 지난 스터디에서 푸디님의 부동산 데이터 서비스 컨텐츠를 보고 방향을 전환 예비 초등학생을 둔 학부모로서 초등학교별로 배정되는 아파트단지를 map상에 표시해주는 서비스를 만들고 싶었습니다. 특히 초등학교 및 아파트 단지를 여러 가지 정보를 필터로…
7. [부동산 데이터 웹앱 만들기 (Apps Script 활용)](https://community.clauders.ai/claude-code/post/%EB%B6%80%EB%8F%99%EC%82%B0-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%9B%B9%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0-apps-script-%ED%99%9C%EC%9A%A9-ce8e1ea3-8833-86fb-83ae-90c983dac9eb) — 상냥한 작가, 2025-04-09
   1단계: 프로젝트 설정 및 데이터 시트 준비 Google Sheets 생성: 부동산 데이터를 저장할 새로운 Google Sheet를 만듭니다. 스크린샷에 보이는 컬럼들(단지명, 동, 연식, 세대수, 평형, 면적, 층, 매매가, 전세가, 전세가율 등)을 첫 행에 헤더로 입력합니다. Apps Script 편집기 열기: 해당 Sheet에서 도구 > 스크립트 편…
8. [G.A.S 초등학교 배정 아파트단지 표시 서비스 PoC](https://community.clauders.ai/claude-code/post/g-a-s-%EC%B4%88%EB%93%B1%ED%95%99%EA%B5%90-%EB%B0%B0%EC%A0%95-%EC%95%84%ED%8C%8C%ED%8A%B8%EB%8B%A8%EC%A7%80-%ED%91%9C%EC%8B%9C-%EC%84%9C%EB%B9%84%EC%8A%A4-poc-c46b7305-8eec-8381-b65f-81894052a77d) — 대담한 고양이, 2025-04-09
   소개 [배경] 지난 14기에서 진행한 유투브-텔레그램 연동 서비스를 Apps script를 활용하여 구현해보고자 했으나, 지난 스터디에서 푸디님의 부동산 데이터 서비스 컨텐츠를 보고 방향을 전환 예비 초등학생을 둔 학부모로서 초등학교별로 배정되는 아파트단지를 map상에 표시해주는 서비스를 만들고 싶었습니다. 특히 초등학교 및 아파트 단지를 여러 가지 정보…