🔀 레슨

변경 관리 — 저장·되돌리기 (세이브포인트)

① 오늘의 미션

고치다 망쳤어요. 어떡하죠?

'우리동네 반찬가게'의 상품 페이지를 잘 만들어 뒀는데, 장바구니를 새로 붙이다가 화면이 통째로 깨졌어요. 아까 잘 되던 시점으로 돌아가고 싶어요.

오늘은 게임의 세이브포인트처럼 작업을 저장하고, 망쳐도 되돌리는 도구 — git을 직접 손으로 익혀요. 오른쪽 터미널에 명령을 쳐보며 한 단계씩 나아가요.

설명을 따라 진행하면, 여기서 직접 쳐보게 돼요 👇

~/my-shop

$ _

📚 「변경 관리 — 저장·되돌리기 (세이브포인트)」 레슨 내용 전체 텍스트로 훑어보기

고치다 망쳤어요. 어떡하죠?

게임의 세이브포인트를 떠올려 보세요.

맞아요. 그 '세이브'가 git의 커밋(commit)이에요. 반찬가게 변경을 차곡차곡 저장하고, 장바구니를 고치다 깨져도 언제든 그 지점으로 되돌릴 수 있죠. 👇

우리동네 반찬가게 코드를 예로 두 방식을 나란히 보세요.

💾 그냥 저장: 덮어쓰면 이전 내용은 사라져요.
'my-shop_진짜최종_v3.zip' 같은 폴더만 늘어나죠.

🎮 git 커밋: 커밋마다 세이브포인트가 쌓여요. '상품 페이지 완성' '결제 붙임'처럼 누가·언제·왜 바꿨는지 기록되고, 어느 지점으로든 되돌리기 가능해요.

새 반찬가게 폴더에서 git status 를 치려고 해요.
아직 한 번도 저장(커밋)한 적 없는 폴더라면, 무엇이 보일까요?

맞아요. git status는 지금 어떤 파일이 바뀌었고, 무엇이 아직 세이브 안 됐는지 보여주는 명령이에요. git을 쓰기 전, 늘 현재 상태를 확인하는 습관이죠. 직접 켜볼까요? 👇

먼저 이 가게 폴더에서 git을 시작(init)하고, 현재 상태(status)를 봐요.

git init = "이 폴더부터 세이브를 관리할게" 선언.

git init — 이 반찬가게 폴더에서 git을 시작해요

git status — 지금 상태를 봐요 — 아직 세이브 안 된 파일들

index.html·styles.css가 '아직 추적 안 됨'으로 떠요. 이제 이걸 세이브포인트로 찍어볼게요.

커밋(세이브) 전, '이번에 저장할 변경'을 먼저 골라요. 폴더의 모든 변경을 한 번에 고르는 명령의 빈칸을 채워보세요.

맞아요! git add . = 지금 폴더의 모든 변경을 세이브 후보에 담기예요. 점(.)이 '여기 전부'라는 뜻이죠. 그다음 commit으로 진짜 세이브를 찍어요. 👇

상품 페이지를 완성한 이 시점을 첫 세이브포인트로 찍어요. add로 변경을 담고, commit으로 메모와 함께 저장해요.

git add . — 이번에 저장할 변경(상품 페이지)을 전부 담아요

git commit -m "상품 페이지 완성" — 메모를 달아 세이브포인트를 찍어요

첫 세이브 완료! -m 뒤의 따옴표 안이 커밋 메시지(이 세이브에 붙인 메모)예요.

지금까지 찍은 세이브포인트들을 한눈에 봐요. --oneline은 한 줄씩 간단히 보여주는 옵션이에요.

git log --oneline — 지금까지 찍어둔 세이브들을 봐요

세이브가 한 줄로 보여요. 앞의 3a1f9c2는 이 세이브포인트의 고유 번호예요 — 되돌릴 때 이 번호로 지목해요.

세이브할 때 '여기까지 한 일'을 적어두면 나중에 찾기 쉽죠.

맞아요. 커밋 메시지는 '무엇을·왜 바꿨는지' 적는 한 줄 메모예요. '상품 페이지 완성'처럼요. 기록을 보면 우리동네 반찬가게가 자라온 역사가 한눈에 보이죠.

장바구니를 붙이다 index.html이 깨졌어요! 아직 커밋 안 한 변경이라, 마지막 세이브포인트로 되돌릴 수 있어요. (checkout -- = 이 파일을 마지막 저장 상태로 복원)

git status — 깨진 변경이 있는지 확인해요

git checkout -- index.html — 마지막 세이브포인트로 이 파일을 되돌려요

깨지기 전으로 돌아왔어요! 세이브를 자주 찍어둘수록 망쳐도 잃는 게 적어요. 이게 git이 주는 안전망이에요.

지금까지 한 걸 떠올리며, 세이브포인트를 찍는 순서를 맞춰보세요. (↑↓로 정렬)

정확해요! 상태 확인 → add(담기) → commit(세이브) → log(기록). 이 작은 세이브들이 쌓여 안전망이 돼요.

한 줄로

git은 우리동네 반찬가게 작업의 세이브포인트(커밋)를 쌓는 도구예요. add로 담고 commit으로 저장하면, 고치다 망쳐도 언제든 과거로 되돌릴 수 있죠.

명령은 안 외워도 돼요

실제로는 Claude에게 "지금까지 작업 저장해줘"라고 하면 add·commit을 알아서 해줘요. 이 레슨은 그 단어가 나왔을 때 겁먹지 않게 하려는 거예요.

다음 레슨에서

세이브를 쌓았으니 이제 읽을 차례예요. 다음 레슨은 히스토리 읽기 — log·diff — 무엇이 언제 왜 바뀌었는지, AI가 일한 기록을 추적하는 눈을 기릅니다. 🌱