프론트엔드 개발자 서동현

Git 기본기 이해하기

명령어보다 흐름을 이해하는 시간

AI가 코드를 써주는 시대

🤖

Claude가 코드를 만들어준다

🚀

코드를 몰라도
결과물을 만들 수 있다

"이거 AI가 다 해주는 거 아니에요?"

코드 작성은 쉬워졌지만...

✅ 기능 추가
↓
⚠️ 이전 코드가 에러
↓
😰 되돌리고 싶은데 어디를 바꿨는지 모름
↓
🔄 다시 만든다 → 또 깨진다 → 반복

개발보다 어려운 건 관리입니다

이런 경험 없으신가요?

📄 보고서.docx
📄 보고서_최종.docx
📄 보고서_진짜최종.docx
📄 보고서_진짜최종_진짜_v3.docx
📄 보고서_최종_진짜_이걸로_제출_v4_FINAL.docx

문제의 원인: 기록이 없다

그래서 Git

파일을 여러 개 만들지 않고, 변경을 기록합니다

"기록이 있으면
다시 할 필요가 없다"

Git의 구조: 두 개만 기억

☁️

Remote

팀이 같이 보는 저장소

공유된 상태

⇄ 저장 ≠ 공유
💻

Local

내 컴퓨터

작업 중인 상태

"내 컴퓨터에서 먼저 작업하고, 정리된 상태만 공유한다"

Local → Remote 흐름

수정 → 기록 → 공유

확인
status
→
선택
add
→
기록
commit
→
공유
push
status
"지금 뭐가 바뀌어 있는지" 확인
$ git status
modified:   button.css
modified:   login.js
← Claude가 버튼만 바꿨을까? 확인이 필요하다
add
기록에 넣을 파일을 "골라 담는" 단계
변경된 파일들
✅ button.css
⬜ login.js
→
이번 기록에 포함
button.css

"버튼 수정만 깔끔하게 기록하고 싶다"

commit
변경 기록을 하나 만드는 단계
$ git commit -m "버튼 hover 색상 수정"
버튼 hover 색상 수정 오늘
헤더 레이아웃 변경 어제
초기 프로젝트 세팅 3일 전

⚡ commit까지는 Local에서만 — 나만 알고 있는 상태

push
기록을 팀 저장소에 공유
💻
Local
내 기록
push
☁️
Remote
팀 저장소

push 전까지는 팀에 영향 없음
→ 마음 편하게 실험하고, 정리 후 공유

Remote → Local 흐름

팀의 변경을 가져오기

처음 받기
clone
|
확인
fetch
|
확인 + 반영
pull
clone
팀 저장소를 처음 내 컴퓨터로 복사
☁️
Remote
clone
💻
Local

처음 한 번만 — 모든 기록이 통째로 복사됩니다

fetch
팀 저장소에 뭐가 바뀌었는지 확인만
status
내 컴퓨터에서
뭐가 바뀌었는지
⇄
fetch
팀 저장소에서
뭐가 바뀌었는지

확인만 하고, 내 작업에는 아직 반영하지 않음

pull
팀 변경을 가져와서 내 작업에 반영
fetch
확인
+
merge
반영
=
pull
확인+반영

💡 Tip: 작업 시작 전에 pull 먼저 하는 습관!

Branch — 작업 공간 나누기

main feature branch 만들고 → checkout 으로 이동
main = 완성된 결과물
feature = 실험 공간

PR — Pull Request

"확인하고 합쳐주세요" 요청

Open 버튼 hover 색상 수정
feature/button-color → main  ·  서동현
Files changed
button.css
-  background: #3498db;
+  background: #6c5ce7;
/* hover 상태 */
-  opacity: 0.8;
+  transform: translateY(-2px);

초록 = 추가    빨강 = 삭제

전체 사이클

1clone팀 저장소를 처음 받기
2branch + checkout작업 공간 만들고 이동
3작업 (코딩)
4status뭐가 바뀌었는지 확인
5add기록에 넣을 파일 선택
6commit기록 만들기
7push팀 저장소에 공유
8PR검토 요청
9pull최신 상태 맞추기

Git ≠ GitHub

Git

기록을 관리하는
시스템

≠

GitHub

Git을 쉽게 쓰는
서비스

Remote 저장소, PR 등을 실제로 사용하는 곳 = GitHub

정리

1.  Git은 기록이다
변경을 기록하고, 협업하게 해주는 도구
2.  기록이 있으면 다시 할 필요가 없다
뭐가, 언제, 누가 바꿨는지 — 기록이 답이다
3.  AI 시대일수록 Git이 더 중요하다
코드는 AI가 써주지만, 관리는 내가 해야 한다

감사합니다

프론트엔드 개발자 서동현