GitLens Launchpad와 함께 작업을 제어하세요
Source: Dev.to
Source: …
VS Code에서 풀 리퀘스트 효율적으로 관리하기
개발자는 매일 프로젝트를 직접 제어해야 합니다—회사 레포지토리든, 유지 보수 중인 오픈‑소스 프로젝트든, 혹은 간단한 개인 프로젝트든 말이죠.
그 제어 권한을 얻는 것은 사용하고 있는 플랫폼에 크게 좌우됩니다. 다양한 옵션(Atlassian·GitLab 등)이 있지만, 오늘은 GitHub를 기본 플랫폼으로 삼아 VS Code를 떠나지 않고 PR을 관리하는 방법을 보여드리겠습니다.
문제점: VS Code와 브라우저 사이를 오가야 함
저에게 PR 상태를 확인하는 일은 매일 해야 하는 필수 작업입니다. 평균적으로 하루에 1~2시간을 소모해 실패한 CI 체크를 추적하고, PR을 메인 브랜치와 동기화하며, 다른 사람들의 PR을 검토합니다.
예전에는 GitHub 웹사이트의 Pull Requests 페이지에 의존했습니다:
이 페이지에서는 내 모든 PR(팀원이 리뷰를 요청한 PR 포함)과 댓글 수, CI 상태 등을 한눈에 볼 수 있어 여러 레포지토리를 빠르게 파악하기에 좋았습니다.
하지만 VS Code와 브라우저를 계속 전환해야 했습니다. 연구에 따르면 컨텍스트 전환 하나당 약 23초의 생산성이 손실된다고 합니다. 이런 몇 초가 모이면 빠르게 움직이는 개발 환경에서는 큰 손해가 됩니다.
첫 시도: GitHub Pull Requests 확장 프로그램
첫 번째 시도는 GitHub Pull Requests 확장이었습니다:
GitHub Pull Requests extension (VS Code Marketplace)
이 확장은 다음을 지원합니다:
- 현재 레포지토리의 열린 PR 보기.
- 내 PR과 팀원들의 PR 확인.
- VS Code 안에서 바로 PR을 열고 상태를 확인하며, 에디터를 떠나지 않고 리뷰 시작.
좌측 패널에서 PR과 Issue를 제어할 수 있습니다. PR을 클릭하면 홈 페이지가 열리고, 마우스를 올리면 Review 모드로 전환되는 화살표 아이콘이 나타나며 여기서 댓글이나 제안을 추가할 수 있습니다.
제한점: 이 확장은 현재 VS Code에 열려 있는 레포지토리에서만 동작합니다. 다른 프로젝트가 내 작업 때문에 대기 중인지, 내 리뷰를 기다리는지 등을 한눈에 파악할 수 없었습니다.
최종 솔루션: GitLens + Launchpad
탐색 중에 GitKraken의 Launchpad 기능을 발견했습니다. Launchpad는 내가 만든 혹은 팔로우하고 있는 모든 이슈와 PR을, 접근 권한이 있는 모든 레포지토리에서 한눈에 보여주는 큰 그림 뷰를 제공합니다.
GitKraken은 Git 작업을 위한 여러 방식을 제공합니다:
- Desktop 앱 – Download here
- Web UI – gitkraken.dev
- VS Code 확장 – GitLens
- CLI – GitKraken CLI
GitLens에는 여러 플랫폼(GitHub, Bitbucket, GitLab)에서 데이터를 모아 보여주는 Launchpad 패널이 포함되어 있습니다. 현재 열려 있는 레포지토리와 관계없이 내가 관여하고 있는 모든 PR과 이슈를 한곳에 모아 보여줍니다.
스포일러: 저는 GitHub와 함께 사용하고 있지만, Bitbucket과 GitLab에서도 동일하게 잘 동작합니다.
(이미지가 로드되지 않을 경우 원문 기사에서 올바른 URL로 교체하세요.)
GitLens + Launchpad를 사용하면 다음을 할 수 있습니다:
-
모든 열린 PR을 한눈에 확인할 수 있습니다.
-
모든 리포지토리를 하나의 창에서 한눈에 볼 수 있습니다.
-
VS Code를 떠나지 않고 차단 요인, 보류 중인 리뷰 및 CI 실패를 확인하세요.
-
PR의 GitHub 페이지로 바로 이동하거나 편집기에서 리뷰를 시작하세요.
요약
- 컨텍스트 전환 피하기를 위해 필요한 정보를 VS Code로 가져오세요.
- 내장된 GitHub Pull Requests 확장은 현재 저장소에 좋지만 범위가 제한적입니다.
- GitLens Launchpad(또는 GitKraken의 Launchpad)는 모든 저장소와 플랫폼을 아우르는 전체적인 뷰를 제공해 개발자 생산성을 크게 향상시킵니다.
한번 시도해 보세요—미래의 당신이 매일 절약된 초(와 분)에 감사할 것입니다!
GitLens Launchpad 패널
이 패널에는 해당 상태에 해당하는 PR을 찾을 수 있는 다양한 그룹이 있습니다. PR을 클릭하면 팝업이 나타나 추가 정보를 얻거나 이미 머신에 설정해 둔 저장소로 바로 이동할 수 있습니다.
보시다시피, 이 두 가지 확장 기능만 사용해도 사랑스러운 VS Code와 GitHub 웹사이트 사이를 전환하는 횟수를 줄일 수 있었습니다. 편집기 안에서 이미 모든 저장소를 제어하고 있으며, 올바른 패널을 사용하면 대부분의 작업을 직접 편집기에서 수행할 수 있습니다.
마무리하기 전에, 편집기와 GitHub 웹사이트 사이의 전환을 줄여주는 또 다른 확장 기능인 GitHub Actions 확장을 소개하고 싶습니다. 이 확장 기능을 사용하면 GitHub으로 이동해 검색할 필요 없이 편집기 내에서 액션의 상태를 바로 확인할 수 있습니다.
결론
이제 이 글을 마무리할 시간입니다.
- Initial workflow – 나는 GitHub에서 프로젝트 전반에 걸친 현재 작업을 확인하곤 했지만, 에디터와 브라우저 사이를 오가는 것이 금방 번거로워졌습니다.
- GitHub Pull Requests extension – 나는 현재 열려 있는 저장소에서 PR 및 이슈를 열고, 검토하고, 확인할 수 있게 해 주는 GitHub Pull Requests 확장으로 옮겼습니다.
- GitLens Launchpad – 마지막으로, GitLens Launchpad에 대해 이야기했습니다. 에디터 내 패널을 통해 작업 중인 모든 저장소의 PR을 한눈에 볼 수 있어, 일상 작업 중 에디터와 GitHub 사이를 전환하는 횟수를 줄이는 데 도움이 됩니다.
Note: GitLens Launchpad는 유효한 GitKraken 라이선스가 필요한 PRO 기능입니다. 구매하려면 이 link를 확인하세요.
이것으로 글을 마칩니다. 이 기능이 여러분의 일상 개발 경험을 향상시키길 바라며, 다음 글에서 다시 만나길 바랍니다.
안녕히 계세요 👋