바이브코딩이란?
바이브코딩(Vibe Coding)은 AI에게 자연어로 원하는 것을 설명하면, AI가 코드를 작성해주는 개발 방식입니다. 2026년 현재, Cursor, Windsurf, Claude Code 등의 도구로 누구나 할 수 있습니다.
준비물
- AI 코딩 도구 (Cursor, Claude Code 등) — 무료 사용 가능
- SAZU API 키 — 무료 가입 후 대시보드에서 발급
- Vercel 계정 — 무료 배포용
Step 1: AI에게 프롬프트 입력
AI 도구를 열고 이렇게 입력합니다:
Next.js로 사주 분석 웹사이트를 만들어줘. - 생년월일시 입력 폼 - SAZU API 연동 (https://api.sazu.app/v1/sazu/calculate) - API 키는 환경변수 SAZU_API_KEY에 있어 - 결과 화면에 사주 네기둥, 오행 분포, 분석 요약 표시 - 다크 테마, 한국어 API 문서: https://api.sazu.app/swagger
Step 2: AI가 코드를 생성합니다
AI가 자동으로 다음을 만들어 줍니다:
- 입력 폼 컴포넌트 (년/월/일/시 선택)
- API 호출 함수 (fetch + error handling)
- 결과 표시 컴포넌트 (사주표, 오행 차트)
- 반응형 레이아웃
Step 3: Vercel에 배포
GitHub에 push하고 Vercel에 연결하면 자동 배포됩니다. 환경변수에 SAZU_API_KEY를 추가하면 끝.
총 소요 시간: 약 30분 (코딩 경험 없이도 가능)
팁
- Swagger 문서 URL을 함께 알려주면 AI가 더 정확한 코드를 생성합니다
- "Free 모듈만 사용해줘"라고 하면 무료 범위 내에서 구현됩니다
- "오행 분포를 파이 차트로 보여줘"처럼 구체적으로 요청하세요