나는 소음이 많은 GitHub Issue 타임라인 이벤트를 숨기는 Chrome Extension을 만들었습니다 (Copilot CLI와 함께)

Source: Dev.to

What I Built

GitHub Issue Focus은 GitHub 이슈에서 프로젝트 이동, 라벨 변경, 담당자 교체 등 자동화된 시끄러운 타임라인 이벤트를 숨겨주는 Chrome 확장 프로그램입니다.

자동화가 많고, 프로젝트가 많으며, 혹은 과도하게 라벨링을 하는 동료들이 있다면(ಠ_ಠ) 무슨 말인지 바로 아실 겁니다. 실제 동작 모습은 다음과 같습니다:

Why I Built It

저는 GitHub 이슈를 샌드위치처럼 간단하게 사용하고 싶습니다: 머스터드도, 마요네즈도, 장식도, 기름도, 초록색 재료도 필요 없어요. Done에서 Complete으로 이동했다가 다시 돌아오는 5페이지짜리 업데이트는 원하지 않죠.

누가 라벨을 붙였는지, 이슈를 재할당했는지, 프로젝트 사이를 옮겼는지는 거의 관심이 없습니다. 대신 화면 공간과 가독성이 더 중요합니다.

이 확장 프로그램은 불필요한 부분을 제거해 중요한 신호가 돋보이게 합니다—단, 교차 참조나 닫힘/재열림 이벤트 같은 중요한 컨텍스트는 그대로 유지합니다. 모든 것이 설정 가능: 원하지 않는 항목은 숨기고, 필요한 항목은 유지하세요.

저에게는 잘 작동했고—자동화가 과도한 이슈에 시달리는 모든 분들에게도 도움이 되길 바랍니다.

확장 프로그램은 GitHub 이슈 페이지에서 자동으로 실행됩니다. 이슈를 열고, 팝업에서 숨기고 싶은 항목을 토글하면 타임라인이 즉시 정리됩니다.

만약 “Status: In Progress 로 이동”이라는 이벤트가 14번 연속 나타난 뒤에야 댓글을 찾을 수 있었다면—이 데모가 바로 당신을 위한 것입니다.

(스크린샷이나 전후 비교 GIF가 여기 있으면 딱 맞을 것 같습니다.)

My Experience with GitHub Copilot CLI

TL;DR: 5분도 안 돼서 만들었고, 바로 작동했습니다!

저는 이전에 Chrome 확장 프로그램을 몇 번 만든 적이 있어 대략적인 흐름을 알고 있습니다. Copilot CLI에 이 작업을 요청하고, 문제되는 마크업이 포함된 HTML을 붙여넣었으며, 어떤 부분을 설정 가능하게 할지 명확히 지정했습니다.

How I used Copilot CLI

• Chrome 확장 구조를 스캐폴딩
• manifest.json이 MV3 규격에 맞는지 sanity‑check 수행
• GitHub 이슈 타임라인을 위한 DOM 셀렉터 생성 및 정교화
• 반복적인 설정 및 테스트 환경 구축 가속화

가장 큰 이점은 모멘텀이었습니다. 문서나 Stack Overflow를 찾아보며 컨텍스트를 전환하는 대신 흐름을 유지하면서 “프로젝트에 추가된 GitHub 이슈 타임라인 이벤트 숨기기”와 같은 명령을 Copilot CLI에 직접 물어보고 바로 iterating 할 수 있었습니다.

생각 자체를 대체하지는 않았지만, 불필요한 잡일(yak shaving)은 확실히 없앴습니다.

Note: 저는 GitHub 직원이기 때문에 어떤 상금도 받을 수 없습니다. 그래도 참여 리본은 받고 싶어요!