브랜치 전략 · 충돌 해결 · GitHub Pull Request 리뷰 · Git 심화

main:    A --- B --- C
                      \
feature/login:         D --- E

git branch                    # 현재 브랜치 목록
git branch -a                 # 원격 포함

git branch feature/login      # 새 브랜치 생성
git switch feature/login      # 이동 (Git 2.23+)
git switch -c feature/login   # 생성 + 이동

# 구버전
git checkout feature/login
git checkout -b feature/login

git branch -d feature/login   # 병합된 것만 삭제
git branch -D feature/login   # 강제 삭제

cat .git/HEAD
# ref: refs/heads/main

git switch feature/login
cat .git/HEAD
# ref: refs/heads/feature/login

병합 전:
main:      A --- B
                  \
feature:           C --- D

병합 후 (FF — 단순히 포인터 이동):
main:      A --- B --- C --- D

git switch main
git merge feature/login
git branch -d feature/login

병합 전:
main:    A --- B --- C
                \
feature:         D --- E

병합 후 (병합 커밋 M 생성):
main:    A --- B --- C ------- M
                \           /
feature:         D --- E ---

git switch main
git switch -c feature/login

# 작업 + 커밋
git add login.js
git commit -m "feat: 로그인 기능 추가"

# main에 병합
git switch main
git merge feature/login
git branch -d feature/login

main (항상 배포 가능)
  ↓ switch -c
feature/기능명
  ↓ 작업 + 커밋 + push
  ↓ Pull Request
  ↓ 코드 리뷰
  ↓ merge → main
  ↓ 배포

git log --oneline --graph --all

공통 조상(A):
  button { color: blue; }

main(B):                     feature(C):
  button { color: red; }       button { color: green; }

→ Git이 판단 불가 → 충돌!

<<<<<<< HEAD          ← 현재 브랜치 시작
button { color: red; }
=======               ← 구분선
button { color: green; }
>>>>>>> feature/login  ← 병합하려는 브랜치

# 1. 충돌 발생 확인
git merge feature/login
# CONFLICT (content): Merge conflict in style.css

# 2. 어떤 파일이 충돌
git status
# both modified: style.css

# 3. 파일 열어서 마커 제거 + 원하는 내용으로 편집

# 4. 스테이징
git add style.css

# 5. 병합 커밋
git commit

# 중간에 병합을 취소
git merge --abort

Before:  A---B---C (main)
               \
                D---E (feature)

After (merge):
         A---B---C---M (main, M: 병합 커밋)
               \   /
                D-E

Before:  A---B---C (main)
               \
                D---E (feature)

After (rebase feature onto main):
         A---B---C---D'---E' (feature)

git switch feature/login
git rebase main           # main 위에 feature 커밋들을 재적용

git switch main
git merge feature/login   # 이제 Fast-forward!

git log --oneline --graph --all

# *   abc1234 (HEAD -> main) Merge branch 'feature/login'
# |\
# | * def5678 (feature/login) feat: 로그인 검증 추가
# | * ghi9012 feat: 로그인 페이지 추가
# * | jkl3456 feat: 소개 페이지 추가
# |/
# * mno7890 init

1. feature 브랜치에서 작업
2. push
3. PR 생성 — "이 변경사항을 main에 병합해주세요"
4. 팀원이 코드 리뷰
5. 승인 후 병합

# ✅
feat: 로그인 페이지 UI 구현
fix: 모바일에서 네비게이션 버튼 클릭 안 되는 문제 수정
refactor: UserCard 컴포넌트 단일 책임 원칙 적용

# ❌
수정함
작업완료
fix

## 변경 내용 (What)
- 로그인 페이지 HTML/CSS 추가
- 이메일 형식 검증 로직 구현

## 변경 이유 (Why)
기존에 로그인 기능이 없어 모든 사용자가 관리자 페이지에 접근 가능

## 스크린샷
![로그인 페이지](screenshot.png)

## 테스트 방법
1. `npm start`로 앱 실행
2. `/login`으로 이동
3. 잘못된 이메일 형식 입력 시 오류 메시지 확인

## 관련 이슈
Closes #42

# ✅
"이 함수가 null을 반환할 수 있는데, 호출 지점에서 처리가 없네요.
Optional chaining(user?.name)을 사용하거나 기본값을 지정하면 어떨까요?"

# ❌
"이거 왜 이렇게 했어요?"
"코드 이상함"

merge commit (기본)
main: A --- B --- M
                /
feature: C - D - E

squash merge — 모든 커밋이 하나로 합쳐짐
main: A --- B --- S

git merge --squash feature/login
git commit -m "feat: 로그인 기능 구현 (#PR번호)"

## Summary
-
-

## Type of Change
- [ ] 새 기능 (feat)
- [ ] 버그 수정 (fix)
- [ ] 리팩토링 (refactor)
- [ ] 문서 수정 (docs)

## Test
- [ ] 로컬에서 빌드 성공
- [ ] 관련 기능 수동 테스트

## Screenshots

## Related Issue
<!-- Closes #42 -->

git stash
git stash push -m "로그인 폼 절반 완성"

git stash list
# stash@{0}: On main: 로그인 폼 절반 완성

git stash pop                # 가장 최근 + 목록에서 제거
git stash apply stash@{1}    # 특정 stash, 목록 유지
git stash drop stash@{0}
git stash clear

# 커밋만 취소, 변경은 스테이징 상태로 유지
git reset --soft HEAD~1

# 커밋 취소 + 스테이징 해제 (기본값)
git reset HEAD~1

# 커밋 취소 + 변경 완전 삭제 ⚠️
git reset --hard HEAD~1

git revert abc1234        # 특정 커밋
git revert HEAD           # 최근 커밋
git revert HEAD~3..HEAD   # 여러 커밋
git revert --no-commit HEAD

git cherry-pick abc1234            # 특정 커밋
git cherry-pick abc1234 def5678    # 여러 개
git cherry-pick abc1234..def5678   # 범위

# 충돌 해결 후
git add .
git cherry-pick --continue
git cherry-pick --abort

git tag v1.0.0                       # 경량 태그
git tag -a v1.0.0 -m "첫 정식 릴리즈"  # 주석 태그 (권장)
git tag -a v0.9.0 abc1234 -m "베타"   # 특정 커밋

git tag                  # 목록
git tag -l "v1.*"        # 패턴
git show v1.0.0          # 상세

git push origin v1.0.0       # 태그 push
git push origin --tags       # 모든 태그

git tag -d v1.0.0            # 로컬 삭제
git push origin :v1.0.0      # 원격 삭제

git reflog
# abc1234 HEAD@{0}: reset: moving to HEAD~3   ← 잘못된 reset!
# def5678 HEAD@{1}: commit: feat: 중요한 기능

git reset --hard HEAD@{1}    # 방금 전 상태로
git reset --hard def5678     # 해시로 복구