1. 개요
갑자기 Github PR에서 브랜치의 검색 기능이 사라졌다. 몇 번 사용하다가 너무 불편해서 HTML에 코드를 삽입할 수 있는 크롬 익스텐션을 만들어보기로 하였다.
익스텐션을 만든 당일에 Github에서 다시 수정해서 기능을 복구시켰다..
버그였던 것 같다
그래서 익스텐션이 완성된 스크린샷밖에 찍지 못했다.. ㅇㅅㅇ 😂
현재 깃허브를 보면 다시 Find a branch 인풋박스가 생긴 것을 볼 수 있다.
밑에 있는 사진을 보면 Find a branch 인풋박스가 존재하지만,
3번에 있는 완성 사진을 보면 Find a branch 인풋박스를 찾아볼 수 없다.
2. 브랜치 정보 저장 위치 찾기
기존의 작동 방식은 분명히 API를 따로 사용하고 있지 않아서 정보를 찾다가 LocalStorage에서 브랜치 정보를 발견하게 되었다.
ref-selector:
${계정}/${repo}: branch
이 데이터를 사용하여 javascript의 filter 함수를 통하여 구현하였다.
3. 완성 사진
4. 후기
Chrome Extension을 만들어본 적이 없었는데 직접 만들어보면서 html을 수정할 수 있고 여러 가지 작업을 할 수 있다는 점이 매력으로 다가왔다.
앞으로 이외에도 불편한 점들이 있다면 직접 수정할 수 있다는 것이 좋았다.
댓글