[무료 강의] 260~271쪽 나만의 프롬프트 저장 사이트 만들기 with 스프레드시트

250페이지(영상에서는 259페이지 예제 흐름)부터 이어서, 일정·프롬프트처럼 시트에만 적어두기 불편한 데이터를 구글 스프레드시트를 무료 저장소처럼 쓰고, Cursor 에이전트로 검색·복사까지 되는 앱으로 만든 뒤 GitHub와 Vercel로 배포하는 과정을 보여 줍니다. DB 도입 전 단계에서 스프레드시트로 시작하는 이유와, 데이터가 많아질 때 필요한 페이지네이션·모달·테마·모바일 보완까지 한 흐름으로 다룹니다.

[도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330
[도서 구매][교보] : https://product.kyobobook.co.k....r/detail/S0002195189
오픈카톡방 : https://open.kakao.com/o/ggK7EAJh

타임라인
0:00 강의 재개·커서 연속 영화·클라우드 동향 잠깐 언급
1:03 일정 데이터 저장 위치와 DB 없이 시작하기·구글 시트 연동 개요
2:01 책의 일정 공지 예제와 데모 방향(프롬프트 복사 사이트)
2:39 스프레드시트 데이터를 읽어 검색·복사 UI로 보여 주는 예시
4:16 Cursor 새 폴더·프롬프트 시트 준비·공유 링크(뷰어) 설정
5:50 플랜 모델로 상세 계획·스프레드시트 기반 검색·테이블·복사 사이트 요구사항
8:11 원페이지·비로그인·디자인 MCP·한글 폰트 등 에이전트에 넣을 옵션
9:25 플랜 검토·빌드·공개 시트면 불필요한 API 설정 정리
11:18 스프레드시트를 DB 대용으로 쓰는 이유·규모감·보안 관점
13:07 데이터 증가 시 UI 문제·페이지네이션·긴 프롬프트는 생략 후 모달로 전문 표시
15:35 다크·라이트 모드·모바일 개발자 도구로 반응형 점검
17:58 로컬호스트의 한계·GitHub 저장소 생성·푸시
18:28 Vercel 연동·Import·Deploy로 공개 URL 배포
21:04 마무리·Codex·Claude Code 등 다른 에이전트로도 동일하게 가능

오늘 다룬 내용
- 구글 스프레드시트를 공개(뷰어) 링크로 두고 웹에서 데이터 소스로 활용하는 흐름
- Cursor 에이전트·플랜 모드로 요구사항(검색·테이블·복사·원페이지·비로그인·디자인 MCP) 정리 후 빌드
- 데이터가 많아질 때 페이지네이션과 긴 텍스트는 줄임·모달로 상세 보기
- 다크·라이트 테마와 모바일 뷰포트 점검
- GitHub에 푸시 후 Vercel에서 프로젝트 Import·배포해 친구와 공유 가능한 URL 만들기
- 별도 DB 없이 시작할 때 스프레드시트를 쓰는 실무적인 단계와 한계 인식

#Cursor #코딩에이전트 #구글스프레드시트 #스프레드시트 #노코드DB #웹배포 #Vercel #GitHub #프론트엔드 #원페이지 #페이지네이션 #모달 #다크모드 #반응형웹 #로컬호스트 #클라우드호스팅 #AI코딩 #프롬프트관리 #검색기능 #복사UI #플랜모드 #디자인MCP #프로그래밍강의 #개발입문 #사이드프로젝트