확장 기능 구현하기

03 Dec, 2023

글을 쓰는 시점에는 심사중이지만 fnguide-helper 라는 확장기능을 만들었습니다.

기능은 fnguide에서 기업의 url에 명시된 주소를 부여하는 것입니다.

현재는 javascript:ViewReport('A005930') 이러한 형태여서 주소에 ID값을 넘겨주는데,

개인적으로 새 탭을 많이 쌓아두는 편이라(저만 그런지 몰라도) 만들었습니다.

1. url 주소를 변경해야할 곳을 검증한다.

2. 참이면 javascript:ViewReport('A005930') 같은 주소를 실제 주소로 바꾼다.

이런 절차로 동작하는데, 무슨 원리인지 조회 혹은 정렬 버튼을 누르면 화면이 갱신되는건지 몰라도 확장 기능이 풀리기 때문에 해당 동작하면 다시 동작하도록 했습니다.

다만 window.onload나 DOMContentLoaded를 사용해서 동작시키고 싶었는데, 생각대로 안 되서 우선은 setTimeout으로 넉넉하게 시간을 뒀습니다.

애초에 사이트가 로딩 시간이 어느 정도 있어서 넉넉한 시간은 괜찮을 것 같기도 합니다.

개발하면서 배운 점은

1. 대소문자 다룰 때는 정신 제대로 차리자는 점(소문자 통일하자 꼭....)

2. 크롬 개발자 등록은 결재가 필요하다는 점

2가지 입니다.

1)은 링크를 다루다 보니 문자를 다뤄야 하는데, 대소문자가 다르다는 것을 눈치채지 못해서 시간을 많이 소비했습니다.

2)는 예전에 안드로이드 개발자 등록해 놔서 괜찮겠지 생각했는데, 별개로 등록해야 된다는 것을 알았습니다.

다만 어차피 저는 firefox가 주력이기에 굳이 크롬까지 등록할 필요가 없다 생각했기에 크롬 버전은 아직 없습니다.