S
sidebranch
격리된 worktree에서 브랜치 UI를 나란히 비교하는 Git 기반 시각화 도구
최종 업데이트 2026. 9. 7.
sidebranch 소개
sidebranch는 Git 기반의 시각적 차이 보기 도구입니다. 페이지에서 원하는 브랜치를 선택하면 격리된 worktree에서 해당 브랜치의 개발 서버를 빌드하고, 두 실시간 창에서 인터페이스를 나란히 보거나 blend 및 onion 차이 모드로 UI 변경 사항을 강조할 수 있습니다. 특정 프레임워크에 종속되지 않으며, Next, Vite, Django, Rails 등 포트를 통해 HTTP에 응답할 수 있는 앱에서 사용할 수 있습니다. Node 내장 기능으로 구성되어 외부 패키지가 필요하지 않습니다. 직접 설치하려면 npm install --save-dev sidebranch를 사용하고 개발 빌드에 widget을 추가합니다.
적합한 사용자
Git 브랜치로 협업하는 개발자
UI 변경 사항을 비교해야 하는 개발자
프런트엔드 및 풀스택 개발자
Next, Vite, Django 또는 Rails를 사용하는 개발자
적합한 활용 장면
서로 다른 Git 브랜치로 전환하며 UI 비교
두 실시간 인터페이스를 나란히 놓고 차이 확인
blend 또는 onion 모드로 인터페이스 변경 강조
격리된 worktree에서 브랜치 개발 서버 실행
기능
페이지 내 브랜치 전환
페이지에서 브랜치를 선택하고 격리된 worktree에서 해당 개발 서버를 시작합니다.
나란히 차이 보기
두 창을 실시간으로 유지하고 blend 및 onion 모드로 UI 변경 사항을 강조합니다.
프레임워크 독립
포트를 통해 HTTP에 응답할 수 있다면 Next, Vite, Django, Rails 등의 앱에서 사용할 수 있습니다.
외부 의존성 제로
도구 전체가 Node 내장 기능으로 구성되어 외부 패키지에 의존하지 않습니다.
장점
- 다양한 프레임워크와 HTTP 앱 지원
- 나란히 보기, blend, onion 방식의 차이 보기 제공
- 현재 worktree를 건드리지 않음
- 외부 패키지 의존성 없음
단점
- 앱이 포트에서 HTTP에 응답해야 합니다
자주 묻는 질문
공식 페이지에는 Next, Vite, Django, Rails가 소개되어 있으며, 포트를 통해 HTTP에 응답할 수 있는 앱이면 사용할 수 있습니다.
공식 설명에 따르면 현재 worktree를 건드리지 않고 격리된 worktree에서 브랜치를 빌드하고 UI 변경 사항을 확인할 수 있습니다.
도구 정보
개발사sidebranch
출시일2026. 9. 7.
가격Free