VIBE
AI 바이브코딩
AI 코딩 워크플로에 대해 AI가 안내하는 실전 절차. Claude Code·Cursor Composer로 1시간 안에 결과를 만드는 단계와 검증 포인트.
VIBE
바이브코딩 첫 배포 가이드 — Vercel로 10분 만에 앱 올리는 법
바이브코딩으로 앱 프로토타입을 완성했다면, 다음 단계는 세상에 공개하는 것이다. Vercel은 GitHub 리포지토리를 연결하는 것만으로 자동 배포 파이프라인을 구성해 준다. 이 가이드는 Next.js 앱을 기준으로 Vercel 첫 배포부터 커스텀 도메인 연결까지 전체 과정을
VIBE
Devin AI 실전 투입기 — 자율 코딩 에이전트와 협업하는 법
사람 대신 코드를 짜고, 이슈를 파악하고, PR을 올리는 AI 엔지니어가 등장했다. Devin AI를 실무에 투입하려면 어떤 태스크를 어떻게 설계해야 할까.
VIBE
바이브코딩 컨텍스트 관리법 — AI에게 프로젝트 이해시키는 기술
AI에게 "이 프로젝트를 수정해줘"라고 하면 엉뚱한 코드가 나온다. AI가 내 프로젝트를 제대로 파악하게 만드는 것이 바이브코딩 생산성의 핵심이다. 컨텍스트 관리법을 익히면 AI 협업 품질이 즉시 달라진다.
VIBE
AI로 GitHub Actions 만들기 — 자동화 워크플로우 30분 완성
코드를 push할 때마다 테스트가 자동으로 돌고, main 브랜치 병합 시 자동 배포가 실행된다. 이 모든 자동화를 AI와 함께 30분 만에 구축할 수 있다.
VIBE
AI로 캘린더 할일 앱 만들기 — 구글 캘린더 API 연동 1시간
Google Calendar API를 붙이면 "오늘 일정 알려줘"라는 한 마디가 실제 캘린더를 읽어 답변하는 AI 앱이 된다. OAuth 인증과 API 연동 두 단계만 넘으면 1시간 안에 동작하는 결과물을 얻을 수 있다.
VIBE
AI로 실시간 번역기 만들기 — DeepL API 연동 1시간 완성
DeepL API는 무료 플랜으로도 월 500,000자까지 번역이 가능하다. 입력창·언어 선택·결과 표시·복사 버튼 네 가지 요소만 있으면 실용적인 번역기가 완성된다.
VIBE
AI로 블로그 만들기 — Next.js + 마크다운 정적 사이트 30분 완성
이 튜토리얼은 Claude Code / Next.js 16 / gray matter 기준입니다 (2026 04). 도구 업데이트 시 검토 필요.
VIBE
AI로 실시간 채팅 앱 만들기 — WebSocket 기반 1시간 완성
이 튜토리얼은 Claude Code / Supabase Realtime / Next.js 16 기준입니다 (2026 04). 도구 업데이트 시 검토 필요.
VIBE
AI로 PDF 요약 봇 만들기 — 문서 분석 자동화 1시간 완성
매일 쌓이는 보고서와 논문, 직접 다 읽기엔 시간이 부족하다. PDF를 업로드하면 핵심을 뽑아주는 요약 봇을 Claude API와 Node.js로 1시간 안에 완성할 수 있다.
VIBE
에이전트 팀 구성 — 리서치·코딩·검증 AI를 나눠 협업시키는 법
:::callout type=info 이 가이드는 Claude Code 1.x / Agent SDK 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
테스트 자동화 — AI가 짠 코드를 AI가 검증하는 구조
:::callout type=info 이 튜토리얼은 Claude Code 1.x / Vitest 1.x 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
플러그인 만들기 — Claude Code에 나만의 기능 추가하는 법
:::callout type=info 이 튜토리얼은 Claude Code 1.x / slash command 플러그인 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
API 연동 자동화 — AI에게 외부 서비스 붙이기 시키기
:::callout type=info 이 튜토리얼은 Claude Code 1.x / Node.js 20 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
MCP 입문 — AI가 외부 도구를 쓰는 방법
:::callout type=info 이 가이드는 Claude Code 1.x / MCP 프로토콜 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
CLAUDE.md
:::callout type=info 이 가이드는 Claude Code 1.x 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
훅(Hook) 설정하기 — AI의 행동에 자동 트리거 거는 법
:::callout type=info 이 튜토리얼은 Claude Code 1.x / 훅(Hook) 설정 기준입니다 (2026 04). 도구 업데이트 시 검토 필요. :::
VIBE
Cursor Rules 완전 가이드 — 일관된 AI 코딩의 비결
AI가 매번 다른 방식으로 코드를 짜는 문제
VIBE
AI 웹 자동화: 반복 작업 끝! 업무 효율 200% 올리는 법
AI 웹 자동화: 반복 작업 끝! 업무 효율 200% 올리는 법
VIBE
AI로 Discord 봇 만들기 — 명령어·알림 봇 1시간 완성
Discord 봇은 커뮤니티 운영의 기본 도구입니다. 서버 알림, 자동 응답, 명령어 처리, 외부 API 연동 같은 기능을 코드 한 줄도 직접 짜지 않고 AI에게 부탁해서 만들 수 있습니다. 이 글은 Claude나 ChatGPT를 활용해 Discord 봇을 1시간 안에 만드는
VIBE
AI로 REST API 만들기 — 초보도 30분이면 서버 완성
REST API는 백엔드 개발의 기본입니다. 클라이언트가 요청을 보내면 서버가 데이터를 반환하는 단순한 패턴이지만, 직접 코드를 짜려면 라우팅, 미들웨어, 데이터베이스 연결, 인증 등 알아야 할 것이 많습니다. AI 바이브코딩으로 접근하면 30분 안에 동작하는 서버를 만들 수
VIBE
Cursor Composer 마스터 가이드 — 멀티파일 에이전트 실전법
Cursor의 Composer는 단순한 채팅창이 아니라 여러 파일을 하나의 작업 단위로 묶어 다루는 편집 모드입니다. 한 함수 수정 같은 단일 파일 작업이 아닌, 컴포넌트 분리·스타일 토큰 일괄 변경·아키텍처 리팩터링 같은 다중 파일 작업에 진가를 발휘합니다. 이 글은 Comp
VIBE
AI 코딩 에러 해결 공식 — 막힐 때마다 써먹는 3가지 패턴
html <figure class="clo content img" <img src="https://github.com/Guhyeon Kim/working/releases/download/post images 2026 04/content ai 3.png" alt="AI 코딩 에러
VIBE
AI로 크롬 확장 프로그램 만들기 — 기획부터 배포까지 1시간
html <figure class="clo content img" <img src="https://github.com/Guhyeon Kim/working/releases/download/post images 2026 04/content ai 1.png" alt="AI로 크롬 확
VIBE
Claude Code 입문 — CLI 하나로 코딩하는 법
html <figure class="clo content img" <img src="https://github.com/Guhyeon Kim/working/releases/download/post images 2026 04/content claude code cli.png" al