바이브 코딩을 위해
사용하는 것들
AI와 대화하며 코드를 만드는 바이브 코딩.
무료 도구와 서비스만으로 웹사이트를 만들고 운영하는 방법을 공유합니다.
2026.04.04 작성
AI 코딩 도구
코드를 대화로 작성하는 시대
Claude Code
Anthropic의 CLI 기반 AI 코딩 어시스턴트. 터미널에서 대화하며 코드 작성, 리팩토링, 디버깅, 문서 생성까지. 바이브 코딩의 핵심 도구.
Gemini
Google의 AI. 코딩보다는 빠른 질의응답, 검색, 아이디어 정리에 활용. Claude와 보완적으로 사용.
OpenClaw
Claude Max + Slack 연동 도구. Slack에서 AI 비서에게 말을 걸면 24시간 자동 응답. 토큰당 과금 없이 정액제로 운영.
하네스 (Harness)
Claude Code에 가상의 팀과 전문가를 만들어 체계적으로 일하게 하는 조직 구조 설정. harness-100 레포 기반으로 CTO, 기획자, 개발자, QA 파이프라인 구축.
Any-Buddy
Claude Code 터미널에 함께하는 반려 펫. 18종의 동물, 5단계 등급, 샤이니까지. 레전더리 뽑는 법과 커스텀 빌드 가이드.
콘텐츠 자동화 파이프라인
Claude Max + macOS launchd로 매일 자동으로 콘텐츠를 생성하고, PR 리뷰 후 배포하는 무료 자동화 시스템. 추가 비용 없이 Claude Max 구독만으로 운영.
호스팅 & 클라우드
무료로 사이트를 운영하는 방법
데이터베이스 & 백엔드
서버 없이 백엔드 구축하기
개발 프레임워크 & 도구
실제 코드를 만드는 기술 스택
Next.js
React 기반 풀스택 프레임워크. App Router + 정적 빌드(output: export)로 서버 없이 운영. Cloudflare Pages와 궁합이 좋음.
Tailwind CSS
유틸리티 기반 CSS 프레임워크. 클래스명으로 빠르게 스타일링. AI 코딩과 궁합이 좋아 바이브 코딩에 최적.
GitHub
소스 코드 관리 + Cloudflare Pages 자동 배포. push하면 자동으로 사이트가 업데이트됨.
도메인 & 인프라
나만의 주소를 갖기 위해
hosting.kr
한국 도메인 등록 서비스. .kr 도메인 구매에 사용.
GCP (Google Cloud)
Google OAuth 인증을 위한 API 설정용. OAuth Client ID 발급에 사용. 직접 호스팅에는 사용하지 않음.