Ch.20 Git 기초 — 코드의 타임머신
실전 Git 워크플로우
바이브코더의 Git 생존 키트
AI가 10개 파일을 한꺼번에 수정했습니다. 어떤 변경이 맞고 어떤 변경이 틀렸는지 확인하려면 Git이 필수입니다.
AI 시대에 Git을 어떻게 활용해야 할까?
되돌리기, 무시 파일, AI 코드 리뷰 — 실전에서 가장 자주 쓰는 Git 스킬입니다.
핵심 내용
실수했을 때 되돌리는 방법이 세 가지 있습니다
# 수정한 파일 되돌리기 (커밋 전)
git restore index.html
# Staging 취소 (add 취소)
git restore --staged index.html
# 마지막 커밋 취소 (파일은 유지)
git reset HEAD~1
# 이미 push한 커밋 되돌리기
git revert HEAD
# → 되돌리는 내용의 새 커밋이 생성됨핵심 원칙 혼자 작업 중 → `reset` 사용 가능 이미 push 했다면 → 반드시 `revert` 사용 (이력 보존)
Git에 올리면 안 되는 파일이 있습니다 .gitignore로 관리합니다
# .gitignore 파일 내용
node_modules/
.env
.env.local
.next/
dist/
.DS_Store
*.log
# .gitignore 생성 (프로젝트 루트에)
# VS Code에서 직접 만들거나:
npx gitignore node.env 파일이 GitHub에 올라가면 대참사 API 키가 노출되면 요금 폭탄이나 해킹 위험이 있습니다. 프로젝트 시작 시 .gitignore를 가장 먼저 만드세요.
AI가 코드를 바꿨다면 커밋 전에 반드시 확인하세요
1. git diff: AI가 수정한 내용을 줄 단위로 확인
2. 검토: 의도한 변경인지, 불필요한 수정은 없는지 확인
3. 선택적 add: 맞는 파일만 git add (전체 add 주의!)
4. commit: 명확한 커밋 메시지와 함께 저장
# AI가 수정한 후 — 반드시 이 순서로!
# 1. 무엇이 바뀌었는지 확인
git diff
# 2. 파일별로 확인
git diff src/components/Login.tsx
# 3. 맞는 파일만 선택적으로 추가
git add src/components/Login.tsx
git add src/lib/auth.ts
# ⚠️ git add . 은 신중하게!
# 4. 커밋
git commit -m "feat: 로그인 폼 UI 및 인증 로직 추가"# AI가 망친 것 같을 때 — 전체 되돌리기
git restore .
# 특정 파일만 되돌리기
git restore src/components/Login.tsx
# 이미 커밋했다면
git reset HEAD~1
# → 커밋 취소, 파일은 수정 상태로 유지바이브 코더의 Git 철칙 1. AI 작업 전에 커밋해두기 (세이브 포인트) 2. AI 작업 후 git diff로 변경 확인 3. 문제 있으면 git restore로 되돌리기
이미 push한 커밋을 안전하게 되돌리려면?
.env 파일은 .gitignore에 추가하지 않아도 괜찮다.
AI가 코드를 수정한 후 가장 먼저 해야 할 것은?
핵심 용어
node_modules/
의존성 패키지 (수만 개 파일, npm install로 복원)
.env
API 키, 비밀번호 등 민감 정보
.next/
Next.js 빌드 캐시
.DS_Store
macOS 시스템 파일
비교 정리
| 항목 | 명령어 | 효과 |
|---|---|---|
| 아직 커밋 전 | git restore 파일명 | 파일을 마지막 커밋 상태로 복원 |
| 커밋 취소 (로컬) | git reset HEAD~1 | 마지막 커밋을 취소 (파일은 유지) |
| 커밋 취소 (공유 후) | git revert HEAD | 되돌리는 새 커밋 생성 (이력 보존) |
정리 노트
실전 Git 워크플로우 총정리
핵심 명령어
- git restore
- 작업 디렉토리의 변경을 되돌리기 — 커밋 전 취소
- git reset
- 커밋을 뒤로 되감기 — soft/mixed/hard 옵션
- git revert
- 이전 커밋을 취소하는 새 커밋 생성 — 이력 보존
- .gitignore
- Git이 추적하지 않을 파일 목록 — .env, node_modules 등
AI가 수정한 코드는 반드시 git diff로 확인한 후 선택적으로 커밋하세요.
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작