AI가 망친 코드 되돌리는 법, 게임으로 배우는 사이트 2개 + 리셋·리버트 고르는 법

1. Learn Git Branching — 그림으로 보는 깃 연습장

한 줄로: 왼쪽 터미널(명령을 치는 곳)에 깃 명령을 치면, 오른쪽에 저장 지점(커밋)이 나뭇가지처럼 그려지는 연습 사이트예요. 공식 저장소 설명은 "An interactive git visualization and tutorial".

왜 좋냐면: 깃이 어려운 건 눈에 안 보여서예요. 여기선 명령 하나 칠 때마다 그림이 바로 바뀌어서, 내가 한 일이 저장 지점 줄에서 어떻게 되는지 눈으로 확인할 수 있어요. 지도 없이 길 찾던 걸 지도 켜고 하는 느낌이에요.

따라 하기

1. https://learngitbranching.js.org/?locale=ko 를 열어요. 주소 끝 ?locale=ko가 한국어로 띄우는 부분이에요.
2. 'Git 브랜치 배우기에 어서오세요!' 안내창이 떠요. 읽고 닫아요.

3. 레벨 선택 창이 떠요. 안 뜨면 왼쪽 터미널에 levels 를 치면 돼요.
4. '다음 단계로' 묶음의 4번에 마우스를 올리면 '4: Git에서 작업 되돌리기'가 보여요. 눌러서 시작해요.

5. 단계 밖에서 그냥 연습해 보고 싶으면 창을 닫고 왼쪽 터미널에 아래를 쳐 보세요. 오른쪽에 저장 지점(C2, C3…)이 하나씩 늘어나요.

git commit
git commit

확인하는 법: 오른쪽 그림에 동그라미(커밋)가 늘어나고 main* 표시가 맨 끝 동그라미로 옮겨 가면 성공이에요.

막히면

• 영어로 떠요 → 주소 끝에 ?locale=ko 를 붙이거나, 터미널에 locale ko 를 쳐 보세요.
• 그림이 꼬였어요 → 터미널에 reset 을 치면 그 단계 처음으로 돌아가요. (사이트 안 연습판이라 내 컴퓨터 파일은 안 건드려요.)

2. Gitvana — 진짜 명령으로 푸는 레트로 게임

한 줄로: 옛날 오락실 같은 픽셀 게임인데, 진짜 깃 명령을 터미널에 쳐서 퍼즐을 풀어요. 사이트 첫 화면 기준 38단계 · 6장 · 깃 명령 29개 · Free forever(2026-10-28 확인).

왜 좋냐면: 가입도 서버도 없이 브라우저에서 바로 돼요(README: "No backend, no database, no sign-up"). 그리고 지운 걸 되살리는 장이 따로 있어요 — README 기준 4장 "The Safety Net — Reflog, blame, bisect, recovery". AI가 날린 작업을 찾아오는 연습을 게임으로 할 수 있어요.

따라 하기

1. https://gitvana.pixari.dev 를 열고 PLAY NOW 를 눌러요.

2. 처음부터 순서대로 풀어요. 화면에 나오는 안내를 읽고 터미널에 명령을 쳐요.
3. 첫 화면을 내려 보면 'WHAT YOU'LL MASTER'에 배우는 명령이 묶여 있어요. 되살리기는 Mastery 칸의 reflog, reset --hard 쪽이에요.

확인하는 법: 단계를 깨면 다음 단계가 열려요. 진행은 이 브라우저에 저장돼요.

막히면

• 진행이 사라졌어요 → 진행 기록은 브라우저 저장소(localStorage)에 있어서, 브라우저 데이터를 지우거나 다른 브라우저로 열면 처음부터예요. 같은 브라우저로 하세요.
• 영어가 어려워요 → 아직 한국어가 없어요(2026-10-28 기준 English·Español·Français·Português). 1번 사이트로 개념을 먼저 익히고 오면 훨씬 쉬워요.

3. 리셋 vs 리버트 — 되돌리는 법은 두 가지

영상에서 말한 그대로예요. 리셋은 그 저장을 없던 일로 지우고, 리버트는 되돌린 기록을 하나 더 남겨요.

Learn Git Branching 'Git에서 작업 되돌리기' 단계 설명도 같아요: reset은 "마치 애초에 커밋하지 않은 것처럼", revert는 "브랜치의 끝에 새로운 커밋이 추가"되고, 다른 사람과 공유한 작업은 revert를 쓰라고 해요.

고르는 기준 한 줄: 헷갈리면 리버트. 기록이 남아서 다시 되돌리기도 쉬워요.

덤: 지운 걸 되살리는 리플로그 git reflog

리셋으로 저장을 날려 버렸어도, 깃은 내가 어느 지점을 거쳐 왔는지 따로 적어 둬요. 그 기록이 리플로그예요. Gitvana 4장에서 연습하는 게 이거예요.

git reflog

목록에서 돌아가고 싶은 지점의 번호(예: a1b2c3d)를 찾아 그 지점으로 돌아가요.

git reset --hard a1b2c3d

주의: reset --hard 는 아직 저장(커밋)하지 않은 변경까지 날려요. 치기 전에 git status 로 저장 안 한 게 없는지 먼저 보세요.

4. AI한테 되돌려 달라고 할 때 쓸 문장

코딩 AI(클로드 코드 등)에 그대로 붙여넣어 쓰세요. [ ] 안만 바꾸면 돼요.

방금 네가 바꾼 [기능 이름] 관련 변경을 git revert로 되돌려 줘. 기록은 남겨 두고, 어떤 커밋을 되돌렸는지 알려 줘.

앞으로 git reset --hard, git push --force 처럼 기록이나 작업을 지우는 명령은 실행하기 전에 꼭 나한테 먼저 물어봐.

작업 시작 전에 지금 상태를 커밋해서 저장 지점을 만들어 줘. 커밋 메시지는 "[작업 이름] 전 저장"으로.

체크리스트

• Learn Git Branching을 ?locale=ko 주소로 열었다
• '다음 단계로' 4번 'Git에서 작업 되돌리기'를 깼다
• Gitvana를 PLAY NOW로 시작했다 (같은 브라우저로 이어 하기)
• 리셋 = 지우기, 리버트 = 기록 남기기를 설명할 수 있다
• 헷갈리면 리버트, 날렸으면 리플로그
• AI한테 "지우는 명령은 먼저 물어봐"를 말해 뒀다

출처 (2026-10-28 확인)

• Learn Git Branching 한국어: https://learngitbranching.js.org/?locale=ko (첫 안내창·레벨 선택 창 직접 확인)
• Learn Git Branching 저장소: https://github.com/pcottle/learnGitBranching (MIT, 별 34,170) — src/levels/rampup/reversingChanges.js 한국어 문구
• Gitvana: https://gitvana.pixari.dev (ALPHA, 38 levels · 6 acts · 29 git commands · Free forever, 언어 4개)
• Gitvana 저장소: https://github.com/pixari/gitvana (MIT, 별 62) — README "No backend, no database, no sign-up", "Act 4: The Safety Net". README의 레벨 수(35)는 사이트(38)와 달라 사이트 기준으로 적었어요.