반응형
서문
저렇게 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를 염두에 두면서 프로젝트를 만들어가야 할 것 같다.
스토어 링크:
깃허브 링크:
반응형
'개발 > Chrome Extension 개발기' 카테고리의 다른 글
바로가기 추가 크롬 확장프로그램 하루 만에 update하다 (0) | 2024.09.28 |
---|---|
크롬 바로가기 10개 보다 더 많이 추가하는 방법?(More Than 10 Shortcuts 개발기) (2) | 2024.09.27 |
ChatGPT extension is not working?(extension update) (0) | 2024.06.30 |
Chrome extension 출시 후 한 달 간의 후기! (1) | 2024.03.16 |
크롬 익스텐션 개발일지: GPTBottomCopyButton (0) | 2024.02.13 |