Git 기초부터 내부 구조까지 알려주는 무료 오픈소스 도서 Pro Git 제2판으로, AsciiDoc으로 작성되었습니다.
pcottle/learnGitBranching
명령어를 입력하면 커밋 트리가 어떻게 바뀌는지 보여 주는 인터랙티브 브라우저 기반 Git 시각화 도구이자 튜토리얼입니다.
- 스타
- 34,187
- 포크
- 6,033
- 열린 이슈
- 54
- 마지막 커밋
- 그저께
어떤 프로젝트인가요?
LearnGitBranching은 Git 저장소 시각화 도구이자 샌드박스이며, 튜토리얼과 챌린지를 제공합니다. 커밋 트리를 그린 뒤 명령어가 실행될 때마다 업데이트하므로, 터미널에서만 작업할 때는 파악하기 어려운 브랜치, 병합, 리베이스, 리셋이 이력에 실제로 어떤 변화를 주는지 확인할 수 있습니다.
앱은 미리 준비된 저장소가 있는 샌드박스 모드로 열리며, 명령어를 자유롭게 실험하고 실행 취소나 리셋으로 되돌릴 수 있습니다. 레벨은 로컬 저장소와 원격 저장소 같은 개념을 다루도록 탭별로 구성되어 있습니다. 각 레벨은 사용한 명령어 수를 기록하며, 최소 명령어 수에 도전하는 "git golf" 챌린지도 제공됩니다.
이 애플리케이션은 Vite로 빌드한 순수 클라이언트 사이드 JavaScript 앱으로, 백엔드나 데이터베이스가 없습니다. 로컬에서 실행하거나 프로덕션용으로 빌드할 수 있으며, Docker를 통해서도 시작할 수 있습니다.
핵심 기능
- 01커밋 트리를 시각화하고 Git 명령어가 실행될 때마다 실시간으로 업데이트합니다.
- 02자유롭게 실험할 수 있도록 실행 취소와 리셋 기능이 있는 샌드박스 모드를 제공합니다.
- 03로컬 및 원격 저장소 개념을 다루는 단계별 레벨을 제공합니다.
- 04레벨별 명령어 수를 기록하고 "git golf" 챌린지를 제공합니다.
- 05사용자가 직접 레벨을 만들고 JSON이나 gist 링크로 공유할 수 있습니다.
- 06백엔드 없이 브라우저에서 완전히 실행됩니다.
활용 사례
- Git 브랜치, 병합, 리베이스를 처음 배울 때.
- 단계별 챌린지로 중급 Git 기술을 연습할 때.
- Git 명령어가 이력을 어떻게 바꾸는지 팀원에게 보여 줄 때.
- 워크숍이나 강의에 사용할 Git 연습 문제를 만들 때.
빠른 시작
- 1
아무것도 설치하지 않고 브라우저에서 앱을 엽니다
- 2
또는 Docker로 최신 안정 버전 이미지를 실행합니다
docker run -p 8080:80 ghcr.io/pcottle/learngitbranching - 3
그런 다음 브라우저에서 http://localhost:8080/에 접속합니다
포함된 컬렉션
토픽
자주 묻는 질문
- learnGitBranching은(는) 무엇인가요?
- 명령어를 입력하면 커밋 트리가 어떻게 바뀌는지 보여 주는 인터랙티브 브라우저 기반 Git 시각화 도구이자 튜토리얼입니다. LearnGitBranching은 Git 저장소 시각화 도구이자 샌드박스이며, 튜토리얼과 챌린지를 제공합니다. 커밋 트리를 그린 뒤 명령어가 실행될 때마다 업데이트하므로, 터미널에서만 작업할 때는 파악하기 어려운 브랜치, 병합, 리베이스, 리셋이 이력에 실제로 어떤 변화를 주는지 확인할 수 있습니다.
- learnGitBranching은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- learnGitBranching은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- learnGitBranching은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. learnGitBranching의 마지막 커밋은 2026년 11월 5일입니다.
- learnGitBranching은(는) 어디에 사용할 수 있나요?
- Git 브랜치, 병합, 리베이스를 처음 배울 때. 단계별 챌린지로 중급 Git 기술을 연습할 때. Git 명령어가 이력을 어떻게 바꾸는지 팀원에게 보여 줄 때. 워크숍이나 강의에 사용할 Git 연습 문제를 만들 때.
- learnGitBranching는 어떻게 설치하나요?
- 아무것도 설치하지 않고 브라우저에서 앱을 엽니다 또는 Docker로 최신 안정 버전 이미지를 실행합니다: docker run -p 8080:80 ghcr.io/pcottle/learngitbranching 그런 다음 브라우저에서 http://localhost:8080/에 접속합니다
- learnGitBranching은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/pcottle/learnGitBranching
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
일상적인 프로그래밍 패턴을 30초 이내에 익힐 수 있도록 짧고 독립적으로 읽을 수 있는 JavaScript 글과 코드 스니펫을 모았습니다.
분해 가능한 기계를 인터랙티브한 오프라인 3D 시뮬레이터로 만들어 단일 HTML 페이지로 제공하는 Claude Code 스킬입니다.
TypeScript와 Vite로 만든 사이버펑크 스타일의 대화형 주기율표로, 118개 원소와 3D 오비탈 모델, 히트맵, 이중 언어 UI를 제공합니다.
GitHub의 저장소 생성 페이지에서 사용하는 프로그래밍 언어, 프레임워크, 편집기, 운영체제용 .gitignore 템플릿 모음입니다.