Github PR 브랜치 검색 Chrome Extension 제작

1. 개요

갑자기 Github PR에서 브랜치의 검색 기능이 사라졌다. 몇 번 사용하다가 너무 불편해서 HTML에 코드를 삽입할 수 있는 크롬 익스텐션을 만들어보기로 하였다.

익스텐션을 만든 당일에 Github에서 다시 수정해서 익스텐션이 완성된 스크린샷밖에 찍지 못했다… ㅇㅅㅇ 😂

현재 깃허브를 보면 Find a branch 인풋박스가 생긴 것을 볼 수 있다.

기존의 작동 방식은 분명히 API를 따로 사용하고 있지 않아서 정보를 찾다가 LocalStorage에서 브랜치 정보를 발견하게 되었다.

ref-selector:${계정}/${repo}: branch

이 데이터를 만들어서 javascript의 filter 함수를 통하여 구현하였다.

Chrome Extension을 만들어본 적이 없었는데 직접 만들어보면서 html을 수정할 수 있고 여러 가지 작업을 할 수 있다는 점이 매력으로 다가왔다.

앞으로 이외에도 불편한 점들이 있다면 직접 수정할 수 있다는 것이 좋았다.