본문으로 건너뛰기
RAISE LAB

VIDEO NOTE

바이브코딩 실전 배포 및 비용·보안 최적화 팁 7가지

메이커 에반 | Maker Evan · 12분 · 초급 · 26. 10. 05. · 분야별 AX 사례 › 바이브코딩·서비스 제작

YouTube 에서 보기 · 메이커 에반 | Maker Evan (새 탭에서 열림)

AI로 코딩해 서비스를 배포할 때 발생하는 요금 폭탄과 속도 저하 문제를 예방하는 7가지 실전 팁을 소개한다. AWS 대신 무료 한도 초과 시 과금을 차단하는 Cloudflare Workers, Neon PostgreSQL 조합을 권장한다. 여기에 이미지 WebP 변환, Pretendard 다이나믹 서브셋 폰트 적용, CLI 연동, CDN 주소 분리 설정을 더해 비용과 완성도를 잡는 방법을 설명한다.

핵심

  • AWS는 키 유출 시 비트코인 채굴 등으로 과금 폭탄 위험이 크므로, 한도 초과 시 요청을 차단하는 Cloudflare Workers 사용을 권장한다.
  • DB는 확장성과 벡터 검색(pgvector)을 고려해 서버리스 PostgreSQL인 Neon을 추천하며, 연결 풀링을 위해 Hyperdrive를 연결한다.
  • 사용자 업로드 이미지는 원본 대신 WebP 포맷(가로 1,600px, 화질 75)으로 줄이고, 목록용 썸네일(가로 400px, 화질 60)을 따로 만들어 트래픽을 아낀다.
  • 한국어 웹 폰트는 시스템 폰트 혼용으로 인한 완성도 저하를 막기 위해 용량이 가벼운 Pretendard 다이나믹 서브셋을 사용한다.
  • Wrangler, Vercel 등의 CLI 도구를 설치해 두면 Claude 등의 AI가 직접 배포, 환경 변수 설정, 로그 분석, DB 조회를 수행한다.
  • CDN을 연결할 때는 DB에 전체 URL이 아닌 파일명만 저장하고 CDN 기본 주소는 환경 변수로 분리해야 유지보수가 쉽다.

RAISE LAB 에서 배우는 사람에게

Claude로 웹 서비스를 직접 배포할 때 겪는 요금 폭탄 사고를 막고, CLI 연동과 자원 최적화로 서비스 완성도를 올리는 현실적인 가이드다.

챕터

  1. 0:00AWS 키 유출 사례와 위험성 (새 탭에서 열림)
  2. 0:47인프라 선택: Cloudflare Workers와 R2 (새 탭에서 열림)
  3. 1:36DB 선택: Cloudflare D1 대신 Neon PostgreSQL (새 탭에서 열림)
  4. 3:10지연 시간 단축: Hyperdrive와 Smart Placement (새 탭에서 열림)
  5. 3:57이미지 및 영상 압축과 최적화 (새 탭에서 열림)
  6. 5:25폰트 설정: Pretendard 다이나믹 서브셋 (새 탭에서 열림)
  7. 6:39초보자가 AWS 사용을 피해야 하는 이유 (새 탭에서 열림)
  8. 8:09목록용 썸네일 분리 저장 (새 탭에서 열림)
  9. 9:02AI에게 작업을 위임하는 CLI 설치 (새 탭에서 열림)
  10. 10:00CDN 주소와 DB 파일명 분리 규칙 (새 탭에서 열림)
  11. 11:00Cloudflare Workers 한계와 Railway 대안 (새 탭에서 열림)

이 노트는 RAISE LAB 운영팀이 고른 영상을 AI(Gemini)가 보고 한국어로 정리한 것입니다. 영상의 저작권은 원작자에게 있고, 자막·대본은 싣지 않습니다. 메이커 에반 | Maker Evan 원작자 채널 (새 탭에서 열림)

바이브코딩·서비스 제작