서문 바로가기 추가 크롬 확장프로그램 하루 만에 update하다크롬의 바로가기 익스텐션을 어제 만들고 스토어에 제출하였다. 하루동안 내가 직접 써보고 update 한 내용들이다. 크롬 바로가기 10개 보다 더 많이 추가하는 방법?(More Than 10 Shortcuts 개발기)서juneforpay.tistory.com 저렇게 1.1 version을 하루 만에 update 해서 올렸는데 문제가 생겨서 다시 한번 바로 update 한 이야기이다.문제점 1 : Z-index 버튼 클릭 판정범위를 조절하면서 z-index를 건드린 탓에 edit과 delete 버튼이 나오는 커서 인식이 제대로 되지 않았다.막상 버튼 위에 커서를 올려놓으면 수정, 삭제 버튼이 사라지는 현상이 생겼다.게다가 창 추가를 시키는 ..
개발/Chrome Extension 개발기
크롬의 바로가기 익스텐션을 어제 만들고 스토어에 제출하였다. 하루동안 내가 직접 써보고 update 한 내용들이다. 크롬 바로가기 10개 보다 더 많이 추가하는 방법?(More Than 10 Shortcuts 개발기)서문새로 만든 크롬 익스텐션 'More Than 10 Shortcuts'에 관한 개발기다.개발 동기링커리어에 좋은 공모전이 많이 올라온다는 동기의 말을 듣고, 크롬 바로가기에 링크를 추가하려고 했다. 그런데 크juneforpay.tistory.com 서문 익스텐션을 만든 지 하루 만에 바로 승인이 났다. 그런데 내가 내 익스텐션을 쓰면서 불편한 부분들이 있어, 몇 가지 요소를 하루 만에 업데이트하였다. 치명적인 오류가 있던 것은 아니고 UI를 개선하였다.favicon 가져오기favicon..
서문새로 만든 크롬 익스텐션 'More Than 10 Shortcuts'에 관한 개발기다.개발 동기링커리어에 좋은 공모전이 많이 올라온다는 동기의 말을 듣고, 크롬 바로가기에 링크를 추가하려고 했다. 그런데 크롬 바로가기 10개 갯수 제한에 걸려, 새로운 바로가기 링크를 추가하려면 기존의 것을 지워야 했다. 이 부분이 불편하여 바로가기를 10개보다 더 많이 저장할 수 있는 익스텐션을 만들었다.아이디어를 참고할 수 있는 것사실 기존의 비슷한 익스텐션으로 honey라는 익스텐션이 있었다. 하지만, 이 익스텐션은 아예 크롬의 newtab 자체를 자신만의 스타일로 싹 다 바꿔버려서 쓰고 싶지 않았다.나는 그냥 기존의 UI style을 유지하되 바로가기만 추가하고 싶었다.사전 지식수준이전에 gptbottomcop..
ChatGPT 가 4o 버젼으로 업데이트 된 이후 원래 만들었던 익스텐션이 작동하지 않았다. 크롬 익스텐션 개발일지: GPTBottomCopyButton완성된 모습! 기획단계 개발하려고 하는 것 chat gpt가 코드를 짜줄 때 copy code 버튼이 아래에도 생기도록 하는 크롬 익스텐션 개발하고자 하는 이유 코드를 생성할 때 위에서부터 아래로 코드를juneforpay.tistory.com 서문원래는 activate 버튼을 눌렀을때 작동해야 하는데, 업데이트 이후에는 아무런 변화가 없다. 그래서 수정해 보았다.원인1: URL 변경일단 작동을 안했던 첫번째 이유는 URL이 변경되었기 때문이다.이전에는 ChatGPT의 url 링크가 chat.openai.com 이었는데 chatgpt.com 으로 바뀌었다..
크롬 익스텐션을 만들고 배포한 지 한 달이 넘었다. 그동안의 성과 지표에 알아보자. 크롬 익스텐션 개발일지: GPTBottomCopyButton완성된 모습! 기획단계 개발하려고 하는 것 chat gpt가 코드를 짜줄 때 copy code 버튼이 아래에도 생기도록 하는 크롬 익스텐션 개발하고자 하는 이유 코드를 생성할 때 위에서부터 아래로 코드를juneforpay.tistory.comGPTBottomCopyButton의 한 달간의 성과개발자 대시보드에 있는 설치 및 제거, 페이지 노출, 사용자, 별점을 캡처하였다. 설치 및 제거 수 총 7명이 설치했다. 내 다른 구글 부계정 2개에서도 쓰려고 설치했지만, 그것 말고도 다른 사용자도 몇 명 설치하였다. 익스텐션 스토어에서 이름을 검색해도 찾기 힘든데 미..
완성된 모습!기획단계개발하려고 하는 것chat gpt가 코드를 짜줄 때 copy code 버튼이 아래에도 생기도록 하는 크롬 익스텐션개발하고자 하는 이유 코드를 생성할 때 위에서부터 아래로 코드를 읽고 이해한 후에 복사해야 하는데, 코드가 길 경우 스크롤을 내려야만 코드 하단에 있는 복사 버튼을 눌러야 하는 불편함이 있다. 이 익스텐션은 이런 불편함을 해소하기 위해 코드 하단에도 복사 버튼을 추가한다.사실 대부분의 언어는 그렇게 까지 코드가 길지 않다. 그래서 필요성을 잘 느끼지 못했었다. 그런데 flutter은 dart라는 언어로 괄호로 둘러싼 위젯기반 언어여서, 코드 줄 수가 많다. gpt로 flutter로 앱 개발을 하는데 별거 아닌 코드들도 엄청 길어져서 필요성을 느끼게 되었다.아이디어를 참고할 ..
