인공지능 AI 바이브코딩, 이거 알고 하면 100배 편해집니다 | 클로드 코드 [코드깎는노인]

Claude Code 자동 백업 시스템 설정 및 사용 가이드

1. 바이브 코딩과 백업의 필요성

1.1 바이브 코딩이란?

• 바이브 코딩: AI에게 "알아서 다 해달라"고 요청하는 코딩 방식
• 사용자가 구체적인 코딩 지식 없이도 원하는 프로그램을 만들 수 있게 해주는 방법
• Claude Code를 통해 자연어로 요청하면 AI가 코드를 생성

1.2 바이브 코딩의 문제점

• ⚠️ AI의 실수 가능성: 매번 요청마다 성공/실패가 운에 달려있음
• ⚠️ 코드 망가짐: 잘못된 수정으로 이전에 작동하던 코드가 망가질 수 있음
• ⚠️ 복구 어려움: 문제 발생 시 이전 상태로 돌아가기 어려움

1.3 해결책: 자동 백업 시스템

• 컨트롤+Z (언두) 기능과 같은 개념을 Claude Code에 적용
• 모든 변경사항을 자동으로 백업
• 언제든지 이전 상태로 복원 가능

2. 백업 시스템 설치하기

2.1 백업 파일 다운로드

1. 코드 깎는 노인 클래스 웹사이트 방문
2. Claude Code 백업 시스템 파일 다운로드
3. 압축 파일 해제

2.2 운영체제별 파일 선택

코드깎는노인 클래스

코드깎는노인 클래스

다운로드 폴더 구조:
├── 윈도우즈/          # Windows 사용자용
└── 유닉스라이크/       # macOS, Linux 사용자용

사용할 폴더:

• Windows: 윈도우즈 폴더
• macOS/Linux: 유닉스라이크 폴더

2.3 주요 파일 구성

 

 

설정 파일들:
├── claude.md              # 백업 지침 파일
└── .claude/               # Claude Code 설정 폴더
    ├── commands/          # 명령어 관련 파일들
    ├── backup_script.*    # 백업용 코드 파일
    └── settings.json      # Claude Code 설정 파일

3. 백업 시스템 설정하기

3.1 파일 복사 방법

새로 설치하는 경우:

1. 다운로드한 모든 파일을 Claude Code 작업 디렉토리에 복사
2. .claude 폴더와 claude.md 파일 확인

기존 설정이 있는 경우:

1. 기존 settings.json 파일 백업
2. 새로운 설정 내용을 기존 파일에 추가
3. commands/ 폴더 내용 복사
4. 백업 스크립트 파일 복사

3.2 settings.json 설정 확인

 

 

json

{
  "commandHooks": {
    // 백업 관련 훅 설정들
  },
  // 기타 설정들...
}

4. 백업 시스템 사용법

4.1 백업 시스템 초기화

1단계: Claude Code 실행

 

 

bash

claude

2단계: 백업 시스템 초기화

 

 

기닛

• 의미: "백업을 하기 위한 준비를 하자"
• 결과: 이후 모든 변경사항이 자동으로 백업됨

4.2 일반적인 작업 과정

예시 1: 게임 만들기

 

 

뱀 게임을 만들어줘. 방향키로 조작하고 아이템을 먹으면 뱀이 길어지도록 해줘.

→ 자동 백업: "뱀 게임 초기 생성"

예시 2: 기능 추가

 

 

아이템이 하나가 아니라 많이 나오게 해줘.

→ 자동 백업: "아이템 개수 증가"

예시 3: 디자인 변경

 

 

아이템들을 음식 모양의 이모지로 바꿔줘.

→ 자동 백업: "아이템을 이모지로 변경"

예시 4: 효과 추가

 

 

아이템을 먹을 때마다 시각적으로 팡 터지는 효과를 만들어줘.

→ 자동 백업: "아이템 먹기 효과 추가"

5. 백업 관리 명령어

5.1 백업 목록 확인

명령어:

 

 

/--log

기능:

• 지금까지 생성된 모든 백업 목록 표시
• 각 백업마다 고유 번호와 설명 표시
• 시간순으로 정렬된 변경 이력

전체 목록 보기:

 

 

Ctrl + R

5.2 이전 상태로 복원

명령어:

 

 

/--revert [백업번호]

사용 예시:

 

 

/--revert a1b2c3d4

과정:

1. /--log 명령어로 백업 목록 확인
2. 되돌리고 싶은 백업의 고유 번호 복사
3. /--revert 명령어에 번호 입력
4. 해당 시점으로 즉시 복원

6. 실전 사용 시나리오

6.1 완전한 작업 플로우

1단계: 프로젝트 시작

 

 

bash

# 새 폴더 생성 후 터미널 실행
claude
기닛

2단계: 초기 개발

 

 

간단한 할 일 관리 웹앱을 만들어줘.
- 할 일 추가 기능
- 완료 체크 기능
- 삭제 기능

→ 백업: "할 일 관리 앱 기본 구조"

3단계: 기능 개선

 

 

할 일에 우선순위를 설정할 수 있게 해줘. 높음/보통/낮음으로 구분하고 색깔로 표시해줘.

→ 백업: "우선순위 기능 추가"

4단계: 디자인 개선

 

 

더 현대적인 디자인으로 바꿔줘. 다크 테마도 적용해줘.

→ 백업: "UI 디자인 개선 및 다크 테마 추가"

5단계: 문제 발생 시 복원

 

 

/--log              # 백업 목록 확인
/--revert [번호]     # 이전 상태로 복원

6.2 고급 활용 팁

백업 전략:

• 큰 기능 추가 전에는 현재 상태 확인
• 실험적인 변경 시 더욱 자주 백업 상태 체크
• 만족스러운 상태에서는 백업 번호를 별도로 기록

복원 전략:

• 문제 발생 시 즉시 /--log로 상태 확인
• 마지막으로 잘 작동하던 지점으로 복원
• 복원 후 다른 방식으로 기능 구현 시도

7. 추가 실행 가능한 명령어 예시

7.1 웹 개발 프로젝트

초기화:

 

 

기닛
포트폴리오 웹사이트를 만들어줘. 홈, 소개, 프로젝트, 연락처 페이지가 있어야 해.

점진적 개선:

 

 

네비게이션 메뉴에 부드러운 스크롤 효과를 추가해줘.
프로젝트 섹션에 이미지 호버 효과를 만들어줘.
연락처 폼에 이메일 유효성 검사를 추가해줠.
모바일 반응형으로 만들어줘.

7.2 게임 개발 프로젝트

초기화:

 

 

기닛
테트리스 게임을 만들어줘. 기본적인 블록 떨어뜨리기와 줄 제거 기능이 있어야 해.

기능 확장:

 

 

점수 시스템을 추가해줘.
다음 블록 미리보기 기능을 만들어줘.
레벨 시스템과 속도 증가를 구현해줘.
게임 오버 화면과 재시작 기능을 추가해줘.

7.3 유틸리티 도구

초기화:

 

 

기닛
비밀번호 생성기를 만들어줘. 길이와 포함할 문자 종류를 선택할 수 있게 해줘.

기능 추가:

 

 

생성된 비밀번호 강도를 표시해줘.
클립보드 복사 기능을 추가해줘.
여러 개의 비밀번호를 한 번에 생성하는 옵션을 만들어줘.
생성 이력을 저장하고 볼 수 있게 해줘.

8. 문제 해결

8.1 백업이 작동하지 않는 경우

• settings.json 파일 설정 확인
• .claude 폴더 권한 확인
• Claude Code 재시작 후 기닛 명령어 재실행

8.2 복원이 실패하는 경우

• 백업 번호 정확성 확인 (복사-붙여넣기 권장)
• 작업 디렉토리 권한 확인
• 파일이 다른 프로그램에서 사용 중인지 확인

8.3 백업 목록이 너무 많아진 경우

• 중요한 백업 번호를 별도 파일에 기록
• 주기적으로 새로운 프로젝트 폴더에서 작업 시작

9. 시작하기 체크리스트

9.1 설치 전 준비

• Claude Code 정상 설치 확인
• 작업용 폴더 생성
• 백업 시스템 파일 다운로드

9.2 설치 과정

• 운영체제에 맞는 폴더 선택
• 설정 파일들 복사
• settings.json 파일 확인

9.3 첫 사용

• claude 명령어로 실행
• 기닛 명령어로 초기화
• 간단한 프로젝트로 테스트
• /--log 명령어로 백업 확인
• /--revert 명령어로 복원 테스트

---

10. 마무리

이 백업 시스템을 사용하면:

• ✅ 안전한 바이브 코딩: 실수해도 언제든 복구 가능
• ✅ 실험적 개발: 부담 없이 새로운 기능 시도 가능
• ✅ 버전 관리: 개발 과정의 모든 단계를 추적 가능
• ✅ 시간 절약: 망가진 코드를 처음부터 다시 만들 필요 없음

오징어 게임의 유리 징검다리처럼 위험한 바이브 코딩이 이제는 타임머신을 탄 것처럼 안전하게 변했습니다! 🚀

지금 바로 시작해보세요:

 

 

bash

claude
기닛