THE LAB NOTES · 블로그
Claude Code·AI 자동화·바이브 코딩 가이드
만들다 막힌 순간에 꺼내 보는 노트. Claude Code 설치부터 요금, 바이브 코딩, 업무 자동화 사례까지 로그인 없이 읽을 수 있어요.
바이브 코딩이란? 뜻, 현실, 한계 5가지와 비개발자 시작 순서
바이브 코딩은 코드를 직접 쓰지 않고 AI에게 말로 지시해 소프트웨어를 만드는 방식입니다. Karpathy의 원래 정의, 넓은 뜻, 한계 5가지와 시작 순서를 공식 출처와 함께 정리했습니다.
Supabase로 첫 데이터베이스: 로그인 없는 폼 저장하기
바이브 코딩 실패 사례 5가지와 리뷰 체크리스트
Claude Code MCP 서버 추천 5개와 최소 설정
Cursor vs Claude Code: 비개발자의 선택 기준
n8n vs Make vs Zapier: 1인 창작자 기준 비교
회의록을 AI로 정리하는 워크플로: 원문에서 결정·할 일·미결까지
좋은 프롬프트의 구조: 목표→맥락→제약→산출물
AI 코딩 지시문은 목표·맥락·제약·산출물 순서가 잘 통합니다. 각 부분에 무엇을 쓰고, 결과가 틀렸을 때 어느 부분을 고칠지 예시와 함께 정리했습니다.
반복 업무 자동화 ROI 계산법: 언제 자동화가 손해인가
숫자 일곱 개로 절감 시간·순절감·손익분기·12개월 순이익을 계산하는 공식과, 시급 0원·미래 횟수·유지보수 누락 같은 함정을 정리했습니다. 계산기와 같은 공식입니다.
Claude Code 비용 줄이는 7가지: 컨텍스트·모델·캐시
비용은 컨텍스트 크기에 비례합니다. /clear·/compact 지시·모델 선택·effort·캐시 유지·MCP 정리·plan 모드까지 공식 비용 문서의 방법을 효과 순으로 정리했습니다.
바이브 코딩으로 첫 홈페이지 만들기: Next.js 생성부터 Vercel 배포까지
create-next-app 한 줄, Claude Code에 화면 지시, GitHub 연결, vercel 배포까지 30분 순서입니다. Node 20.9+ 요구와 첫 배포는 production이라는 점을 공식 문서로 확인했습니다.
Claude Desktop Code 탭 vs 터미널 CLI: 비개발자는 무엇으로 시작할까
Code 탭은 세션마다 Git worktree로 격리되고 diff 뷰어·미리보기 브라우저가 있습니다. 터미널이 낯설면 Code 탭으로 시작하고 자동화가 필요하면 CLI를 더하는 기준을 정리했습니다.
MAKE ROOM FOR WHAT’S NEXT.
준비 중인 실전 코스
첫 Pro 홈페이지 프로젝트를 준비하고 있습니다. 지금 바로 수강할 수 없습니다.