이번 포스팅에서는 개인 웹사이트(hughqlee.com)를 운영하면서 겪었던 AWS 프리티어 종료 후 요금 폭탄(?) 경험과, 이를 Vercel Hobby 플랜으로 전환해 비용을 0원으로 낮춘 과정을 정리해보겠습니다.
블로그 운영 비용이 부담스러우신 분들이나 AWS 프리티어 종료를 앞두고 고민하시는 분들께 도움이 되길 바랍니다!
📌 왜 AWS 프리티어를 떠났나요?
AWS 프리티어를 이용해서 EC2(t2.micro), VPC, ELB 등으로 웹사이트를 운영해왔는데, 프리티어가 끝나니 매월 약 6만원(50~70달러)의 비용이 발생했습니다. 🚨 개인 블로그 치고는 부담되는 금액이죠. 그래서 저렴하거나 무료로 블로그를 운영할 수 있는 방법을 찾다가, Vercel Hobby 플랜(무료)을 알게 됐습니다.
📌 Vercel Hobby 플랜이 좋은 이유
월 비용 | 약 6만원 | 0원 |
트래픽 한도 | 과금 기준 까다로움 | 100GB 무료 |
배포 자동화 | 직접 설정 필요 | GitHub 연동 자동배포 |
서버 관리 | 직접 해야 함 | 관리 필요 없음 (서버리스) |
개인 블로그 수준(트래픽 월 10,000뷰 이하)이라면 Hobby 플랜으로도 충분합니다. 비용 걱정 없이 깔끔하게 운영할 수 있어요.
📌 Flask에서 Next.js로 갈아타기
기존에는 Flask를 이용해서 HTML 템플릿(Jinja)을 렌더링 했었는데요. Vercel에서는 Next.js와 같은 정적/서버리스 프레임워크를 지원해서 Next.js로 프레임워크도 변경했습니다.
렌더링 방식 | 서버 사이드 (SSR Only) | SSR, SSG, ISR 모두 지원 |
SEO 설정 | 메타태그 수동 관리 | next/head 등 자동화 지원 |
배포 방법 | WSGI 서버 (Gunicorn 등) | 빌드, 배포 자동화 (Vercel) |
유지 보수성 | 파이썬 패키지 관리 필요 | React 생태계 활용 가능 |
특히 Next.js의 SSG(Static Site Generation)를 사용하면 빠른 로딩 속도와 더 좋은 SEO 효과까지 얻을 수 있습니다.
📌 GitHub에 Push하다가 인증 에러 발생? (해결 방법)
Next.js 프로젝트를 GitHub private repo로 push하다가 아래와 같은 오류를 겪었습니다.
error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400 fatal: the remote end hung up unexpectedly
HTTPS 방식으로 private repo로 push하려 한 것이 문제라고 생각하고, HTTPS 대신 SSH로 인증 방식을 바꿔 새로 셋업하고 push해서 해결했습니다.
🚀 GitHub SSH 설정법 (요약)
# SSH 키 생성
ssh-keygen -t ed25519 -C "your_email@example.com"
# 생성된 공개키 등록 (.pub 파일 내용 복사)
cat ~/.ssh/id_ed25519.pub
# GitHub → Settings → SSH and GPG keys에 붙여넣기
# SSH 방식으로 remote URL 변경
git remote set-url origin git@github.com:username/repo.git
# Push
git push origin main
이후 문제없이 GitHub에 Push할 수 있었습니다!
📌 GitHub 푸시만 하면 자동 배포 (Vercel 장점!)
Vercel의 최고 장점 중 하나는 GitHub와 자동 연동된다는 점인데요.
- GitHub에 코드를 Push하면 Vercel이 자동으로 감지하고 배포합니다.
- 별도의 CI/CD 설정 없이 바로 적용되니, 정말 편합니다.
배포 후 프리뷰 도메인이 자동으로 생성되고, 커스텀 도메인 연결도 아주 쉽습니다.
📌 결론 & 앞으로 계획
이번 이전으로 AWS 요금을 없애고, GitHub+Vercel 덕분에 배포 자동화까지 완료했습니다. 앞으로는 Next.js의 다양한 기능을 적극 활용해 더 좋은 성능과 SEO 최적화를 해볼 계획입니다.
기존 웹앱-like UI에서 블로그형으로 변경한 이유는 구글 애드센스를 노려보는... ^^;;
'개발' 카테고리의 다른 글
왜 같은 표준편차라도 결과는 다를까 — Coefficient of Variation (CV)로 보는 공정한 변동성 비교 (0) | 2025.07.09 |
---|---|
바이브 코딩으로 벽돌깨기 게임 만들기: 커서AI로 미션 맵 구현하고 공유까지! (1) | 2025.06.13 |
풋살 팀 나누기 고민 끝! 팀 구성 자동화 웹앱, SquardShuffler (1) | 2025.05.18 |
로그인 없이 바로 쓰는 웹 이미지 편집기 Tool 4 Img – 무료 온라인 사진 편집 도구 배포 완료 (0) | 2025.05.04 |
[PyTorch/YOLO 오류 해결] GPU 미사용 및 torchvision::nms CUDA 에러 해결 방법 (0) | 2025.04.29 |