바이브코딩 가이드

Claude Code
필수
유용
참고
터미널 기본 명령어
cd <경로>
폴더 이동
지정한 경로로 작업 폴더 변경. 예: cd Desktop/my-project
npm install
패키지 설치
package.json 에 정의된 의존성 전체 설치.
npm run dev
개발 서버 실행
로컬에서 변경사항 실시간 확인.
git status
변경사항 확인
수정·추가·삭제된 파일 목록 표시.
git add / commit
변경사항 저장
변경사항을 스테이징 후 커밋으로 기록.
git push
원격 반영
커밋한 내용을 GitHub 등 원격 저장소로 전송.
입력 접두사
/
슬래시 커맨드
내장 커맨드·스킬·MCP. 입력 시 필터링 메뉴 자동 표시.
→ /clear, /compact, /btw
!
Bash 직접 실행
명령 실행 후 출력을 컨텍스트에 추가. Claude가 결과 즉시 참조.
→ ! npm test
→ ! git log --oneline -5
@
파일 경로 참조
파일 경로 자동완성. 특정 파일을 컨텍스트에 포함해서 질문.
→ @src/api/auth.ts 리뷰해줘
슬래시 커맨드
/btw
사이드 질문
툴 없이 현재 컨텍스트로 빠른 질문. 이미 아는 것 물을 때. 토큰 절약.
/compact
컨텍스트 압축
토큰이 차오를 때 요약 압축. 세션 이어가면서 비용 절감.
/clear
히스토리 초기화
대화 전체 삭제 후 새로 시작. 다른 태스크로 전환 시. 파일시스템 컨텍스트는 유지.
/resume
이전 세션 재개
이전 세션 목록 탐색 후 선택해서 재개. 어제 하던 작업 이어받을 때.
/ide
VS Code 연결
git diff 가 IDE diff 뷰어에서 열림. 코드 리뷰 훨씬 편함.
/terminal-setup
줄바꿈 키 설정
Enter 가 즉시 전송돼서 긴 프롬프트 작성이 불편할 때 실행. 이후 Shift+Enter 로 줄바꿈 가능. 1회만 실행하면 됨.
/cost
토큰 사용량
현재 세션 토큰 사용량 + autocompaction 예정 시점 확인.
/keybindings
단축키 커스터마이즈
~/.claude/keybindings.json 생성/편집. 커스텀 바인딩 추가 가능.
/help
전체 커맨드 목록
현재 환경 전체 커맨드 표시. 업데이트 후 주기적으로 확인 권장.
세션 제어
Esc
응답 중단
생성 중 즉시 멈춤. 세션·컨텍스트 유지. "go" 입력 시 이어서 진행.
Esc×2
Rewind 모드
이전 시점 복원. 코드+대화 / 대화만 / 코드만 / 요약 선택.
Shift+Tab
Plan ↔ Auto 전환
Plan: 실행 전 승인 대기. 대규모 변경 전 체크 용도.
Ctrl+C
입력 / 실행 취소
입력 취소 또는 실행 중단. 세션·컨텍스트 유지.
Ctrl+B
백그라운드 전환
Bash 명령을 백그라운드로. 빌드·테스트 띄워두고 계속 작업.
Ctrl+D
세션 종료
정상 종료. 강제 닫기 대신 이걸 써야 상태 저장됨.
Ctrl+`
터미널 토글
VS Code 등 IDE에서 통합 터미널 열기/닫기.
입력 & 히스토리
\+Enter
멀티라인 (범용)
모든 터미널에서 작동하는 줄바꿈.
Shift+Enter
멀티라인
안 되면 /terminal-setup 후 터미널 재시작.
Ctrl+R
히스토리 검색
키워드로 이전 입력 검색. 긴 프롬프트 재활용 시 필수.
/
히스토리 탐색
이전/다음 입력 이동.
Ctrl+G
외부 에디터 열기
프롬프트를 VS Code 등에서 편집.
편집 & 모델
Ctrl+U
커서 앞 전체 삭제
줄 시작까지 삭제. 프롬프트 다시 쓸 때.
Ctrl+K
커서 뒤 전체 삭제
줄 끝까지 삭제. Ctrl+Y 로 복원 가능.
Alt+P
모델 전환
프롬프트 유지한 채 모델 변경.
Alt+T
Extended Thinking
심층 추론 on/off. 복잡한 분석 전에 켜두기.
Ctrl+O
Transcript 뷰어
툴 호출 전체 로그 열람.
용어 설명
로컬
서버·클라우드가 아니라 지금 보고 있는 본인 컴퓨터(PC) 환경을 뜻함. "로컬에서 확인해보세요" = 내 컴퓨터에서 직접 열어서 확인.
컨텍스트
Claude가 현재 대화에서 기억하고 있는 내용 전체. 대화가 길어질수록 쌓이고, 한계에 도달하면 초기 내용을 잊음.
토큰
Claude가 읽고 쓰는 텍스트의 단위. 대화가 길수록 토큰이 쌓여 비용이 올라가고 처리 속도가 느려짐.
세션
Claude Code 를 켠 시점부터 끌 때까지의 작업 단위. 세션을 닫으면 대화 내용은 사라지지만 /resume 으로 불러올 수 있음.
슬래시 커맨드
/ 로 시작하는 명령어. 자연어 프롬프트가 아니라 Claude Code 자체를 제어하는 특수 명령.
Bash
터미널(검은 화면)에서 쓰는 명령어. ! 접두사를 붙이면 Claude Code 안에서 바로 실행하고 결과를 Claude 가 참조함.
ls / dir
현재 폴더 안의 파일·폴더 목록을 보여주는 명령어. Mac·Linux는 ls, Windows는 dir (또는 ls도 동작).
Node.js
브라우저 밖(터미널)에서 JavaScript 코드를 실행할 수 있게 해주는 프로그램. npm을 비롯한 대부분의 웹 개발 도구가 이 위에서 동작함.
npm
Node.js용 패키지(라이브러리) 관리 도구. 코드에 필요한 외부 기능을 설치·관리할 때 사용 (npm install 등).
package.json
프로젝트에 어떤 패키지가 필요한지, npm run dev 같은 실행 명령어는 무엇인지 정의해둔 설정 파일.
git diff
코드가 얼마나 바뀌었는지 변경 전·후를 비교해서 보여주는 명령. /ide 연결 시 VS Code 에서 시각적으로 확인 가능.
Plan 모드
Claude 가 실행하기 전에 "이렇게 할게요" 라고 계획을 먼저 보여주고 승인을 기다리는 모드. 실수 방지용.
Rewind
Claude 가 작업한 내용을 이전 시점으로 되돌리는 기능. 코드·대화 중 원하는 것만 골라서 복원 가능.
Extended Thinking
Claude 가 답하기 전에 더 오래, 더 깊이 생각하는 모드. 복잡한 문제에서 정확도가 높아지지만 응답이 느려짐.
Transcript
Claude 가 이번 세션에서 어떤 파일을 읽고, 어떤 명령을 실행했는지 전부 기록된 로그.
바이브코딩 시작 전 필수 설치·연결
준비 중
VS Code 설치
코드 에디터. Claude Code와 연결해서 diff·터미널을 한 화면에서 사용.
준비 중
GitHub 연결
코드 버전 관리 및 원격 저장소. 계정 생성부터 저장소 연결까지.
준비 중
Vercel 배포
GitHub 연동 시 push 만으로 자동 배포. 도메인 연결까지.
준비 중
Supabase 연동
데이터 저장이 필요해지는 시점부터. DB·인증·스토리지 제공.
준비 중
MCP 연결
외부 서비스(Vercel, Supabase 등)를 Claude Code에서 직접 제어.
각 항목의 상세 가이드는 순차적으로 채워질 예정입니다.