클로드코드로 매출 대시보드 하루 만에 만들기! (스타터킷 무료 제공)

여러분, 이제는 루커스튜디오, 파워BI, 태블로 없이도 구글 시트 데이터로 깔끔한 매출 대시보드를 만들 수 있습니다.
클로드코드 + GSD 프레임워크 + 스타터킷 조합으로, 코딩 없이 하루 만에 완성했습니다.

이번 영상에서는 VS Code에 클로드코드 설치하는 것부터, MCP 서버(Context7, Playwright) 설정, GSD 프레임워크로 단계별 대시보드 제작, 그리고 Vercel로 배포하는 것까지 전 과정을 보여드립니다. 구글 시트로 데이터 관리는 하고 있는데, 한눈에 현황을 파악할 수 있는 대시보드가 필요하셨던 분들은 끝까지 시청해보세요! 🙏🏻

스타터킷과 GSD 프레임워크 설치 방법은 아래에 정리해뒀습니다. 직접 따라 해보시고, 어떤 데이터로 대시보드를 만들어보고 싶으신지 댓글로 공유해주세요! 😎

[타임라인]
0:00 인트로
0:55 전체 워크플로우 설명
3:48 개발 환경 셋팅 (VS Code, Node.js, Git)
6:05 클로드코드 설치
8:43 MCP 서버 설치 (Context7, Playwright)
9:49 스타터킷 설치 및 설정
13:40 GSD 프레임워크 설치
15:00 GSD 프로젝트 초기화하기
24:52 Phase 1: 데이터 기반 + 인증
39:30 Phase 2: 매출 현황 대시보드
45:45 Phase 3: 상품 분석
49:04 Phase 4: 고객 분석
52:18 완성된 대시보드 배포 (Vercel)
57:32 아웃트로

––––––––––––––––––––––––––––––
[상세 설명 가이드] https://github.com/citizendev9....c/yt-assets/blob/mai
[구씨 스타터킷 자료] https://github.com/citizendev9....c/googlesheet-dashbo
[GSD 프레임워크] https://github.com/gsd-build/get-shit-done
[Context7 MCP 설치] https://github.com/upstash/context7
[Playwright MCP 설치] https://github.com/microsoft/playwright-mcp