클로드 코드로 첫 페이지 만들기 · 레슨 05 / 6
되돌리기 안전장치 만들기 (git)
for 클로드 구독자 · 5강 — 일부러 페이지를 망가뜨린 뒤 안전하게 되돌려요. git을 세이브 포인트로 쓰는 법을, 용어는 최소로.
오늘의 접시: 일부러 망가뜨리고, 안전하게 되돌리기 성공
3강에서 페이지를 부쉈고, 에이전트가 대화 기억을 더듬어 되돌려놨죠. 그게 통한 건 사고가 난 지 30초밖에 안 됐기 때문이에요. 기억에 기댄 되돌리기에는 한계가 있어요. 세션을 닫는 순간 "되돌려 줘"가 흔들리기 시작하거든요.
게임은 이 문제를 수십 년 전에 해결했어요. 세이브 포인트요. 보스에게 무모하게 덤비고, 처참하게 죽고, 다시 불러오기. 오늘 이 프로젝트에도 같은 물리 법칙이 생겨요. 밑에서 돌아가는 도구의 이름은 git이에요. 프로들이 쓰는 바로 그거죠. 다만 이 강의의 조건은 이래요: 평범한 말로 쓰고, 명령어는 하나도 안 배워요. git과의 대화는 에이전트가 대신해 주니까요.
오늘 만들 것
저장해 둔 어떤 상태든 한 문장으로 되살릴 수 있는 프로젝트예요. 증명까지 마친 채로요. 3강보다 심하게 사이트를 박살 낸 다음, 아무 일 없었다는 듯 다시 불러올 거거든요.
준비물
first-kitchen폴더 (이제 CLAUDE.md도 있죠. 그것도 함께 저장돼요)- 약 25분
따라 하기
1. 세이브 시스템 설치하기
이 프로젝트에 세이브 포인트를 설정해 줘 — git을 사용해서.
그리고 지금 바로 첫 세이브 포인트를 만들어 줘. 이 프로젝트가
뭔지 설명하는 평범한 메모를 붙여서. 뭐가 저장됐는지 알려 줘.
명령 몇 개를 실행할 허락을 구할 거예요. git init과 그 친구들이니 승인하세요. 알아두고 잊어도 되는 사실 두 가지: 세이브는 프로젝트 안 숨김 폴더에 저장되고, 아무것도 컴퓨터 밖으로 나가지 않아요. 계정도, 클라우드도, GitHub도 오늘은 없어요.
2. 진심으로 저장하기
먼저 작은 변경을 하나 하세요. 아무거나 요청하면 돼요("푸터에 존재감을 조금만 더 줘"). 그다음:
세이브 포인트 만들어 줘: "푸터 업그레이드".
과정은 이게 전부예요. 마음에 드는 변경 → 한 문장 → 영원히 저장. 온 김에 반사신경도 CLAUDE.md에 추가하세요:
CLAUDE.md에 규칙을 추가해 줘: 내가 마음에 든다고 말한 변경이
있으면, 짧고 평범한 메모와 함께 세이브 포인트를 만들지
제안해 줘.
3. 일부러 망가뜨리기 (이번엔 더 크게)
3강에서는 스타일만 부쉈죠. 오늘은 한 발 더 나가요:
index.html을 엉망으로 만들어 줘: 스타일을 지우고, 섹션 순서를
뒤죽박죽 섞고, 내 이름을 "CHAOS GOBLIN"으로 바꿔 줘.
브라우저를 새로고침하고 잔해를 찬찬히 보세요. 세이브 포인트가 없던 시절이라면 지금이 심장 철렁하는 순간이에요. 이제:
전부 마지막 세이브 포인트로 복원해 줘.
새로고침. 스타일, 섹션 순서, 이름까지 전부 돌아왔어요. 잔해는 그냥 고쳐진 게 아니라 현실에서 지워졌어요. 에이전트가 기억하는 것과 프로젝트가 기억하는 것의 차이가 바로 이거예요.
4. 히스토리 읽기
내 세이브 포인트를 최신순으로, 평범한 말로 된 간단한 목록으로
보여 줘.
이 목록이 프로젝트의 일기장이에요. 앞으로 계속 자라날 거고요. 오늘부터 세션 습관 하나 추가: 실험 전엔 저장하고, 실험할 땐 겁 없이.
막혔을 때
- GitHub, 리모트, "푸시" 이야기를 꺼내요 — "지금은 로컬 저장만, GitHub는 안 써."라고 말하세요. 세이브를 클라우드에 올리는 것 자체는 좋은 일이에요. 원하는 날이 오면 자세한 글이 여기 있어요.
- 복원할 게 없다고 해요 — 아마 2번에서 세이브를 안 만든 거예요. "내 세이브 포인트 목록 보여 줘"로 확인하세요. 목록이 없으면 세이브도 없는 거예요. 지금 하나 만들면 돼요.
- branch, merge, HEAD 같은 단어가 나와요 — 아직 몰라도 되는 전문 용어예요. "그건 쉬운 말로 설명해 주거나 넘어가 줘."
- 복원했더니 마음에 들었던 변경이 사라졌어요 — 복원 지점은 스냅샷이라, 스냅샷 이후 것은 날아가요. 처방은 습관이에요. 작게 저장하고, 자주 저장하기.
마무리 체크
나가기 전에 하나씩 확인해요:
□ 세이브 포인트가 설치됐다 (그리고 내 컴퓨터에만 있다)
□ 평범한 메모를 붙인 세이브를 최소 두 번 만들었다
□ 사이트를 심하게 박살 냈다 — 그리고 한 문장으로 복원했다
□ 마음에 드는 변경 후엔 저장하라고 CLAUDE.md가 알려준다
다섯 레슨에 걸쳐 조용히 조립된 것들을 한번 보세요. 말로 만들었고, 내 취향을 기억하고, 영구적으로는 망가질 수 없는 프로젝트. 딱 한 가지만 아직 못 해요. 다른 사람에게 보여지는 것.
다음 레슨 — 06 내 페이지 인터넷에 무료로 배포하기. 대망의 레슨이에요. 페이지가 노트북을 떠나 진짜 인터넷의 진짜 URL을 갖게 돼요. 그리고 폰으로 열어 봐요.
막힌 단계가 있나요? 아래 질문 상자에 남겨 주세요. 헤맨 단계가 있다면 그건 레슨에 난 구멍이지, 읽는 사람 잘못이 아니에요.
직접 만들고 돌아가는 걸 확인했나요? 그럼 서빙하세요. 이 브라우저에만 저장돼요 — 주방 밖으로는 아무것도 나가지 않아요.
다음 접시 — 레슨 06 · 내 페이지 인터넷에 무료로 배포하기 →