🧠 개발 배경
최근 Cursor AI와 ChatGPT를 이용해 처음으로 바이브 코딩(Vibe Coding)을 시도해봤습니다.
아이디어는 단순했어요.
👉 “누구나 쉽게 만들 수 있고, 트래픽이 꾸준한 저관여 사이트를 직접 만들어보자.”
그중 첫 프로젝트로 선택한 주제는 바로 “만나이 계산기(agecalc.cloud)” 였습니다.
만나이 계산기 – 생일로 정확한 만나이 계산
만나이 계산 + 연령별 권리·제도 안내.
agecalc.cloud
단순한 계산 서비스이지만, 검색 수요가 꾸준하고 실사용 빈도가 높은 영역이에요.
트래픽도 많을것 같지 않아 첫 제작 사이트로 선정했습니다.
⚙️ 개발 환경
- Frontend / Backend: Flask (Python 기반 경량 웹 프레임워크)
- 서버 환경: AWS EC2 (t3.micro, Ubuntu 22.04)
- Web Server: Nginx + Gunicorn
- 도메인 연결: 가비아(Gabia) 도메인 → Nginx SSL 설정 (Let’s Encrypt)
- 배포 구조: Flask → Gunicorn → Nginx → Cloud
- 툴: Cursor AI, ChatGPT (GPT-5)
서버 구조는 다음과 같이 단순하지만 효율적으로 구성했습니다.
사용자 → Nginx → Gunicorn → Flask App
↓
Static Files
🚀 주요 구현 기능
- 만나이 계산 기능 (연, 월, 일 단위)
생년월일 입력만으로 현재 날짜 기준의 정확한 만나이를 계산하도록 구성했습니다. - SEO 및 광고 최적화
- robots.txt, sitemap.xml, meta og:image 포함
- 구글 애드센스(AdSense) 및 네이버 서치마스터(Search Console) 연동 완료
- SSL 및 HTTPS 적용
- Let’s Encrypt로 무료 SSL 인증
- https://agecalc.cloud 접근 시 안전하게 리디렉션
🌐 실제 배포까지 완료
AWS EC2에 Nginx와 Gunicorn 환경을 세팅하고,
가비아 도메인을 연결해 https://agecalc.cloud로 접근할 수 있도록 배포했습니다.
아래는 실제 Nginx 설정 일부입니다 👇
server {
listen 443 ssl;
server_name agecalc.cloud www.agecalc.cloud;
ssl_certificate /etc/letsencrypt/live/agecalc.cloud/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/agecalc.cloud/privkey.pem;
location / {
proxy_pass http://unix:/run/agecalc/agecalc.sock;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}정적 리소스는 /static/ 경로로 별도 캐싱 정책을 설정했고, gzip 압축도 활성화했습니다.
💸 수익화 및 노출
현재 Google AdSense 심사를 기다리는 중이며,
네이버 서치마스터(웹마스터 도구) 에도 사이트맵 제출을 완료했습니다.
이후에도 여러 저관여 프로젝트를 확장할 계획입니다.
🧩 바이브 코딩 후기
이번 프로젝트를 통해 느낀 점을 정리하자면 👇
✅ 장점
- 개발 초기 구상이나 구조 설계 단계에서 생산성이 매우 높음
- Boilerplate 코드나 배포 설정까지 ChatGPT + Cursor AI 조합으로 자동화 가능
- 초보자에게는 빠르게 웹 서비스 전체 플로우를 익힐 수 있는 좋은 도구
⚠️ 아쉬운 점
- 세밀한 로직 디버깅은 아직 사람이 직접 해야 함
- Cursor가 가끔 컨텍스트를 잘못 이어받아 불필요한 수정을 제안하기도 함
- Flask와 Nginx 사이 설정처럼 “환경 의존적” 부분은 여전히 직접 검증 필요
✍️ 마무리
첫 바이브 코딩 프로젝트로 “만나이 계산기(agecalc.cloud)”를 완성하고
실제 배포 + 광고 연결 + SEO 등록까지 경험해봤습니다.
결론적으로
“AI 개발 도구는 초기 생산성을 극대화해주지만,
여전히 개발자의 논리적 판단과 디버깅 감각이 필수다"
다음 프로젝트에서는 Cursor + ChatGPT 조합에 더해
Codex 기반 실험형 저관여 사이트도 만들어볼 예정이에요.
📍사이트 바로가기: https://agecalc.cloud
댓글