클로드 바이브코딩 기초반/바이브코딩 가이드

부록

부록 C · 용어 사전

이 가이드에 나온 말들. 정의보다 비유로 적었습니다. Claude가 이 말을 쓰면 여기서 찾으세요.

AI와 대화

프롬프트 AI에게 보내는 요청문. 이 가이드에서는 '지시문'이라고도 씁니다
역할 · 맥락 · 출력형식 지시문의 세 요소. 어느 자리에서, 무슨 상황에서, 어떤 결과물로
환각 (할루시네이션) AI가 모르는 것을 아는 것처럼 그럴듯하게 지어내는 것. 숫자·날짜·법률·출처에서 잦음
교차검증 같은 질문을 다른 AI에게 던지거나 원문과 대조해 확인하는 것
컨텍스트 (기억 공간) 한 대화에서 AI가 기억하는 범위. 대화가 길어지면 차서 답이 흐려집니다. 새 대화·/clear로 비웁니다
아티팩트 claude.ai 채팅에서 옆에 뜨는 결과물 창. 1장의 계산기가 여기 뜹니다
프로젝트 claude.ai에서 지침과 자료를 담아 두는 방. 그 방의 모든 대화에 자동 적용
지침 프로젝트에 저장된 규칙. 역할·상황·규칙·출력형식 네 칸
Second Brain 내 자료를 한 곳에 모으고 AI가 찾을 수 있게 정리한 두 번째 뇌
Skill (SKILL.md) 반복 업무의 인수인계서. 순서와 양식을 담은 텍스트 파일
CLAUDE.md Claude Code가 대화 시작 때마다 읽는 폴더 규칙 파일. 신입 매뉴얼 한 장
.md (마크다운) 메모장으로 열리는 순수 텍스트. #은 제목, -은 목록

만들기

바이브코딩 코드를 직접 쓰지 않고 AI에게 말로 시켜 만들고, 확인하고, 고치는 방식
Claude Code 내 컴퓨터의 폴더 안에서 파일을 직접 만들고 고치는 Claude
VS Code Claude Code가 일하는 작업실. 파일 목록과 내용이 보이는 프로그램
확장 (Extension) VS Code에 붙이는 부가 기능. Claude Code 확장이 그중 하나
터미널 · 명령줄 (CLI) 글자로 명령을 치는 검은 창. 이 가이드에서는 Claude가 대신 칩니다
권한 모드 Claude Code가 파일을 고치기 전에 물을지 말지 정하는 설정. Manual · Edit automatically · Plan · Auto
Plan 모드 바로 만들지 않고 계획만 보여 주고 승인을 기다리는 모드
되감기 (rewind) 요청 전 상태로 대화·파일을 되돌리는 것
index.html 홈페이지의 첫 화면 파일. 가게 정문
폴더 = 작업 책상 Claude Code는 VS Code에 열린 폴더 하나 안에서만 일합니다
v1 돌아가는 첫 버전. 완벽한 버전이 아니라 실제로 쓰는 첫 버전
꼭 · 있으면 좋음 · 다음에 기능 우선순위 세 칸
입력 → 출력 서비스를 한 문장으로 설명하는 틀. "○○를 넣으면 ○○가 나온다"

공개하기

가게 비유
Git 버전 기록기 '최종_진짜최종(2)'를 없애는 도구. 저장할 때마다 기록이 남고 되돌릴 수 있음
GitHub 창고 Git 기록을 올려 두는 인터넷 창고
저장소 (repository) 창고 한 칸 프로젝트 하나의 파일과 기록이 들어 있는 곳
커밋 (commit) 창고 입고 기록 "언제 무엇을 바꿨는지" 한 줄과 함께 저장하는 것
푸시 (push) 창고에 올리기 내 컴퓨터의 저장을 GitHub에 올리는 것. "GitHub에 올려줘"
브랜치 (main) 기본 진열대 저장 기록의 줄기. 우리는 main 하나만 씁니다
Private / Public 잠근 창고 / 열린 창고 저장소를 남이 볼 수 있는지. 우리는 Private
.gitignore 창고 반입 금지 목록 GitHub에 올리지 않을 파일 이름 목록. .env 같은 비밀 파일
서버 24시간 문 여는 매장 건물 인터넷에 늘 켜져 있는 남의 컴퓨터
호스팅 매장 자리 임대 서버 자리를 빌려주는 서비스
Vercel 매장 창고(GitHub)를 지켜보다 자동으로 공개하는 호스팅 서비스
배포 (deploy) 진열 창고 물건을 매장에 내놓는 것. push하면 자동
URL · 주소 간판과 주소 ○○.vercel.app 같은 접속 주소
도메인 내 상호 간판 ○○.vercel.app 대신 내 이름의 주소. 사서 연결
Framework Preset 조립 방식 Vercel이 사이트 종류를 추측한 것. 우리는 Other
localhost 작업실 안 시제품 내 컴퓨터에서만 열리는 주소

보안

API 키 다른 회사 기능(AI·지도·문자)을 쓰는 열쇠 = 비밀번호. 파일·GitHub·채팅·캡처 어디에도 안 넣음
.env · 환경변수 비밀 키를 코드 밖에 따로 두는 파일·방법. GitHub에는 안 올림
개인정보 이름·연락처·주소처럼 사람을 특정하는 정보. 가리고 넣거나 넣지 않음
넣지 않기 · 가리고 넣기 · 확인 후 넣기 5장의 세 칸
RLS (행 단위 접근 제한) 데이터 창고에서 남의 데이터를 못 보게 막는 규칙. v4에서 나옴
Supabase 데이터 저장 창고 서비스. v4에서 나옴

화면

반응형 · 휴대폰 화면 화면 폭에 따라 배치가 바뀌는 것. F12 → Ctrl+Shift+M으로 미리 보기
섹션 한 장짜리 홈페이지의 한 덩어리. 첫 화면·소개·서비스·FAQ·연락처
카드 제목·설명·사진이 든 네모 한 칸
버튼 · CTA 누르면 행동이 일어나는 것. 전화·메일·신청
☰ 메뉴 (햄버거) 폰에서 접히는 위쪽 메뉴
F12 · 개발자 도구 브라우저의 속을 보는 창. Console 탭에 빨간 줄이 오류
F5 새로고침. 고칠 때마다
캐시 브라우저가 기억한 옛 화면. 바뀐 게 안 보이면 잠시 뒤 다시 새로고침

다음 단계 (18장)

MCP Claude Code에 바깥 도구(노션·DB·브라우저)를 연결하는 규격
훅 (hook) 특정 순간에 무조건 실행되는 명령. 규칙을 강제할 때
서브에이전트 조사를 맡길 별도의 Claude. 본 대화를 깨끗하게
플러그인 Skill·훅·MCP를 한 묶음으로 설치하는 것
루틴 · 예약 작업 정해진 시간에 자동으로 도는 작업