웹 퍼블리싱 과정에서 Git과 GitHub는 협업과 버전 관리를 효율적으로 수행하는 필수 도구입니다. 특히 여러 명이 동시에 프로젝트를 진행할 때 브랜치 전략을 활용하면 코드 충돌을 줄이고 작업 효율을 높일 수 있습니다. 또한 GitHub Pages를 이용하면 정적 웹사이트를 손쉽게 배포할 수 있습니다. 이번 글에서는 웹 퍼블리셔를 위한 Git과 GitHub의 실전 사용법을 알아보겠습니다.
1. Git과 GitHub의 차이 및 기본 개념
Git과 GitHub는 혼용되어 사용되는 경우가 많지만, 정확한 개념을 이해하는 것이 중요합니다.
✔️ Git:
- 로컬에서 버전 관리를 수행하는 분산형 버전 관리 시스템
- 코드 변경 사항을 저장하고 과거 상태로 되돌릴 수 있음
- 브랜치를 활용하여 여러 작업을 동시에 진행 가능
✔️ GitHub:
- Git 저장소를 클라우드에서 호스팅하는 서비스
- 협업을 위한 Pull Request(PR) 및 이슈 트래킹 기능 제공
- GitHub Pages를 이용하여 정적 웹사이트를 배포 가능
# Git 초기화 및 기본 명령어 git init # 현재 폴더를 Git 저장소로 초기화 git add . # 모든 변경 사항 추가 git commit -m "첫 번째 커밋" # 변경 사항 저장 git push origin main # GitHub 저장소로 업로드
2. 효율적인 브랜치 전략: Git Flow 적용
브랜치는 독립적인 작업 공간을 만들어 코드 변경 사항을 개별적으로 관리할 수 있도록 합니다.
웹 퍼블리싱 프로젝트에서 자주 사용하는 브랜치 전략을 소개합니다.
📌 Git Flow 브랜치 전략
Git Flow는 프로젝트의 유지보수와 기능 추가를 원활하게 하기 위해 사용됩니다.
| 브랜치 유형 | 역할 |
|---|---|
main | 배포 가능한 최종 코드가 저장됨 |
develop | 개발 중인 코드가 저장됨 |
feature/branch-name | 새로운 기능을 개발하는 브랜치 |
release/branch-name | 배포 전 테스트 및 버그 수정용 브랜치 |
hotfix/branch-name | 긴급 수정이 필요한 경우 생성 |
# 새로운 기능을 위한 브랜치 생성 및 병합 git checkout -b feature/new-design # 새 기능 브랜치 생성 git add . git commit -m "새로운 디자인 적용" git checkout develop # develop 브랜치로 이동 git merge feature/new-design # 기능 브랜치를 병합
✅ 장점
- 기능별로 독립적인 작업이 가능
- 안정적인 배포를 위한
main브랜치 유지 - 긴급 수정이 필요한 경우
hotfix브랜치를 활용
3. 협업을 위한 Git Hub 워크플로우
웹 퍼블리싱 팀이 GitHub를 통해 협업할 때는 아래와 같은 워크플로우를 따르는 것이 좋습니다.
📌 Git Hub 협업 프로세스
1️⃣ 저장소(Fork & Clone) 복사
- Git Hub에서 원본 저장소를 Fork하여 개인 저장소로 복사
git clone명령어로 로컬에 다운로드
git clone <https://github.com/username/repository.git>
2️⃣ 새로운 기능 개발 (Branch 생성 후 작업)
- 새로운 기능을 추가할 때는
feature브랜치를 생성하여 작업
git checkout -b feature/responsive-navbar
3️⃣ 작업 후 커밋 및 원격 저장소로 푸시
git add . git commit -m "반응형 내비게이션 바 추가" git push origin feature/responsive-navbar
4️⃣ Pull Request(PR) 생성 및 코드 리뷰 요청
- Git Hub에서 Pull Request를 생성하여 팀원들에게 코드 리뷰 요청
- 리뷰 후
main또는develop브랜치에 병합
5️⃣ 병합 후 브랜치 삭제
git branch -d feature/responsive-navbar # 로컬 브랜치 삭제 git push origin --delete feature/responsive-navbar # 원격 브랜치 삭제
✅ 협업 시 주의할 점
main브랜치에서 직접 작업하지 않기- 코드 리뷰를 통해 버그 최소화
- 정기적으로
develop브랜치와 동기화
4. Git Hub Pages를 활용한 정적 웹사이트 배포
웹 퍼블리셔는 Git Hub Pages를 활용하여 간단한 정적 웹사이트를 배포할 수 있습니다.
📌 Git Hub Pages 설정 방법
1️⃣ Git Hub 저장소 생성 후 프로젝트 업로드
2️⃣ 브랜치 설정
- 기본적으로
main또는gh-pages브랜치에서 사이트가 배포됨3️⃣ Git Hub Pages 활성화 - Git Hub 저장소 > Settings > Pages에서 브랜치를 선택하여 배포
# GitHub Pages용 브랜치 생성 git checkout -b gh-pages git push origin gh-pages
4️⃣ 사이트 접속
- https://username.github.io/repository-name 형식의 URL에서 확인 가능
| 핵심 개념 | 설명 |
|---|---|
| Git Flow | 브랜치를 활용한 체계적인 프로젝트 관리 |
| 협업 워크플로우 | PR 및 코드 리뷰를 통한 원활한 협업 |
| GitHub Pages | 손쉬운 정적 웹사이트 배포 |
