개발/Chrome Extension 개발기
바로가기 추가 크롬 확장프로그램 이틀만에 update하다.
걍판자
2024. 9. 29. 19:02
반응형
서문
바로가기 추가 크롬 확장프로그램 하루 만에 update하다
크롬의 바로가기 익스텐션을 어제 만들고 스토어에 제출하였다. 하루동안 내가 직접 써보고 update 한 내용들이다. 크롬 바로가기 10개 보다 더 많이 추가하는 방법?(More Than 10 Shortcuts 개발기)서
juneforpay.tistory.com
저렇게 1.1 version을 하루 만에 update 해서 올렸는데 문제가 생겨서 다시 한번 바로 update 한 이야기이다.
문제점 1 : Z-index
- 버튼 클릭 판정범위를 조절하면서 z-index를 건드린 탓에 edit과 delete 버튼이 나오는 커서 인식이 제대로 되지 않았다.
- 막상 버튼 위에 커서를 올려놓으면 수정, 삭제 버튼이 사라지는 현상이 생겼다.
- 게다가 창 추가를 시키는 dialoge 도 z-index 때문에 원래 버튼보다 뒤에 생성되는 오류가 있었다.
- 1.1 version은 crucial 한 오류가 없었지만, 오히려 그걸 수정하는 과정에서 매우 crucial 한 오류가 생긴 것이다.
- 따라서 z-index를 싹 다 조절하여 문제를 해결하였따.
문제점 2: 기본 아이콘의 화질
- 기본으로 생성되는 아이콘은 32*32 favicon이 아닌 이전의 저화질 favicon 링크를 쓰고 있어 화질이 매우 좋지 않았다. 따라서 기본 아이콘들의 favicon링크도 수정하여 화질을 높였다.
문제점 3: 바로가기 추가창 편의성 개선
- 바로가기 추가창을 띄우고 add 버튼을 누르면 새로운 바로가기가 추가된다.
- 하지만 enter 키 인식은 못해서 enter로는 추가가 되지 않았다. 그래서 enter로도 바로가기 추가를 완료할 수 있게 하여 사용자 편의성을 높였다.
- 바로가기 링크를 추가하는 과정에서 직접 수동으로 입력하다 보면 앞에 'https://' 빼먹는 경우가 있었다.
- 이 경우 링크가 제대로 작동하지 않아 링크 앞에 'https://'를 빼먹은 경우 자동으로 붙여주었다.
결론
위의 사항들 중에는 fatal 한 버그도 있고 그렇지 않은 사항들도 있었다. 모두 내가 사용하다가 불편한 점이 있어 고친 것이다. z-index의 경우 약간의 사용자 편의를 개선하려다 fatal 한 버그가 생기는 아이러니가 있었다. 항상 어떤 걸 만들든 버그가 나올 수 있음을 생각하고 update를 염두에 두면서 프로젝트를 만들어가야 할 것 같다.
스토어 링크:
More Than 10 Shortcuts - Chrome 웹 스토어
Unlock the potential to use more than 10 shortcuts in Chrome!
chromewebstore.google.com
깃허브 링크:
GitHub - SKKUKang/chrome-shortcut-10-
Contribute to SKKUKang/chrome-shortcut-10- development by creating an account on GitHub.
github.com
반응형