제가 구글 크롬 쓰면서 웹브라우징을 편하게 해줬던 유용하게 자주 썼던 확장 프로그램을 가볍게 만들고 합쳐봤습니다. 그리고 이런 기능 있었으면 좋겠다고 생각한 것도 아이디어 생각해서 새롭게 만들어서 추가해봤습니다.

평소에 구글 크롬에서 탭을 많이 열고 쓰시는 분들, 키보드 단축키 사용을 즐겨 하시는 분들, PiP 기능 자주 쓰시는 분들은 유용하게 쓰실 수 있을 겁니다.

개발자도 아니고, 프로그래밍도 전혀 모릅니다만 AI 챗봇 (주로 제미나이 , 클로드 조금) 이용해서 바이브 코딩으로 구글 크롬 확장 프로그램 만들어봤습니다.

구글 제미나이, 앤트로픽 클로드로 만든 구글 크롬 확장 프로그램 2개, 유저스크립트 2개를 1개의 구글 크롬 확장 프로그램으로 합쳤습니다. (정확한 비율은 모르겠습니다만, 코드 기여도 예상해 보면 제미나이 90%, 클로드 10% 정도일 것 같군요.)

마우스 제스처, 탭 관련 3개 기능은 기존에 있던 확장 프로그램 기능을 프롬프트만으로 요청해서 개발했습니다. 페이지 번호 있을 시 좌우키 이동은 제가 아이디어 생각해서 프롬프트로 요청해서 개발했습니다. PiP 기능은 기존 확장 프로그램 소스 코드를 참고 요청해서 개발했습니다. 해당 개발자분에게 허락받았습니다. 환율/단위/시각 변환 기능은 제가 생각해서 유저스크립트 만들어서 쓰다가 추가했습니다.

이름은 LunaTools 입니다. 그럼 유용하게 쓰시길


- 기능:  

1. 마우스 제스처, 우클릭 후 ← 뒤로, → 앞으로, ↑ 새 탭, ↓ 닫기
2. 사이트 URL 에 페이지 번호 있을 시 키보드 좌우키로 페이지 이동
3. 새로운 탭을 열었을 때 기존에 있는 탭일 경우 해당 탭 닫고, 기존 탭으로 포커싱
4. Alt + A 를 누르면 현재 창의 탭을 URL 기준으로 정렬
5. 확장 프로그램 아이콘을 누르면 여러 창을 1개의 창으로 합침
6. 현재 보고 있는 영상 Shift + Ctrl + P 눌러서 PiP 로 열기
7. 금액/단위/시각 텍스트 선택한 다음 Alt + Z 누르면 환율/단위/시각 변환

- 설치 방법:

1. 깃허브 https://github.com/lunamoth/LunaTools/ 에서 릴리스에서 최신 버전 다운로드 받아서 압축을 해제합니다.
2. 해당 LunaTools 폴더를 구글 크롬 확장 프로그램 설정으로 드래그앤드롭 합니다.
3. 끝 (참고로 아이콘은 없습니다)

(크롬 웹 스토어 배포도 생각해 봤는데 개인용으로 쓰려고 만들어서 과한것 같아서 깃허브 방식으로 배포합니다.)


- 업데이트 내역:

• 2025-04-19 오후 10:38 // 1.1 릴리스, 제미나이 2.5 프로로 통합본 제작
• 2025-05-13 오후 3:38 // 1.2 릴리스, PiP 기능 추가
• 2025-05-14 오전 12:58 // 1.3 릴리스, 코드 정리
• 2025-05-14 오전 1:23 // 1.4 릴리스, 콘솔 로그 삭제
• 2025-05-14 오후 9:31 // 1.5 릴리스, 코드 정리, PiP 기능 개선 (PIP screen for html5 video 확장 프로그램 코드 참고했습니다. 개발자분에게 소스 코드 참고 허락 받았습니다. 허락 감사드립니다.)
• 2025-05-18 오후 7:35 // 1.6 릴리스, 코드 정리
• 2025-05-19 오후 7:33 // 1.7 릴리스, 마이크로소트프 엣지에서 마우스 제스처 기능 비활성화 (내장 기능과 충돌 문제 해결)
  
• 2025-05-19 오후 8:23 // 1.8 릴리스, 엣지처럼 내장 마우스 제스처 기능 있는 네이버 웨일, 비빌디, 오페라에서도 마우스 제스처 기능 비활성화
• 2025-05-21 오전 1:57 // 1.9 릴리스, 트위터에서 PiP 작동 안하던 문제 수정
• 2025-05-22 오전 6:31 // 2.0 릴리스, 코드 정리
• 2025-06-02 오후 7:02 // 3.0 릴리스, 금액/단위 텍스트 선택한 다음 Alt + Z 누르면 환율/단위 변환 기능 추가
• 2025-06-02 오후 11:54 // 3.1 릴리스, 일부 상황에서 단위 변환 작동 안되던 문제 수정
• 2025-06-03 오후 9:45 // 3.2 릴리스, $1M 같은 경우 단위, 환율 변환 함께 나오던 문제, 환율 변환만 나오도록 수정, 환율 정보 출처 표기
• 2025-06-03 오후 10:55 // 3.3 릴리스, 해외 시각 -> 한국 시각 변환 기능 추가
• 2025-06-03 오후 11:20 // 3.4 릴리스, €1M 같은 텍스트 단위 변환 나오던 문제 수정
• 2025-06-05 오후 10:35 // 3.5 릴리스, 환율 정보 출처 표기 사라진것 다시 추가
• 2025-06-06 오전 12:44 // 3.6 릴리스, $1.3T 이런 수치 변환 제대로 안되는 문제 수정
• 2025-06-10 오후 6:56 // 3.7 릴리스 "Rs 5,000" 텍스트 인도 루피 변환 안되는 문제 수정
• 2025-06-11 오전 1:31 // 3.8 릴리스, 시각 변환 시 분 누락되는 문제 수정

- 관련 글:

• 맞 2.0 (구글 크롬 마우스 제스처 확장 프로그램)
• 탭댄스 ver 3.2 (구글 크롬 탭 관련 확장 프로그램), 키보드 좌우키 페이지 이동 유저스크립트 

최근 구글 제미나이 Gemini 를 이용해서 제가 필요한 구글 크롬 확장 프로그램, 유저스크립트를 만들어서 쓰고 있었는데, 마우스 제스처 프로그램도 만들어보면 괜찮을 것 같아서 만들어봤습니다. 최대한 간단하고, 가볍게 만들어봤습니다. 기능은 4개가 전부입니다.

1. 마우스 오른쪽 버튼 누른채 위로 움직이면: 새 탭
2. 마우스 오른쪽 버튼 누른채 아래로 움직이면: 탭 닫기
3. 마우스 오른쪽 버튼 누른채 오른쪽 움직이면: 다음 페이지로 가기
4. 마우스 오른쪽 버튼 누른채 왼쪽 움직이면: 이전 페이지로 가기

크롬 웹 스토어, 깃허브 배포도 생각해봤는데 개인용으로 쓰려고 만들어서 과한것 같아서 gist 밀키트 방식으로 배포합니다.

- 설치 방법:

1. 맞 폴더 만듦
2. https://gist.github.com/lunamoth/76cf0b3b245086d29b5d5613d1900959 를 manifest.json 로 저장 (RAW 버튼 클릭 텍스트 복사)
3. https://gist.github.com/lunamoth/ad31d1534aadc553bb8efa653653d03e 를 gestures.js 로 저장 (RAW 버튼 클릭 텍스트 복사)
4. 해당 폴더 구글 크롬 확장 프로그램 설정으로 드래그앤드롭
5. 끝

- 업데이트 내역:

• 2025-04-13 오후 9:52 // 1.0 릴리스, 제미나이 2.5 프로로 제작
• 2025-04-13 오후 11:34 // 2.0 업데이트, 제미나이 2.5 프로로 코드 정리, 최소화했습니다. 더 이상 기능 추가할 것 없어서 이렇게 해도 될듯
• 2025-05-01 오후 5:14 // 3.0 업데이트, 코드 줄였습니다. 1,236 byte -> 1,081 byte
• 2025-05-01 오후 5:55 // 3.1 업데이트, 코드 줄였습니다. 1,081 byte -> 1,057 byte
• 2025-05-06 오후 10:32 // 3.2 업데이트, 코드 줄였습니다. 1,057 byte -> 855 byte
• 2025-05-07 오전 12:18 // 3.3 업데이트, 코드 줄였습니다. 855 byte -> 749 byte
• 2025-05-07 오전 1:44 // 3.4 업데이트, 코드 줄였습니다. 749 byte -> 728 byte
• 2025-05-07 오후 10:10 // 3.5 업데이트, 코드 줄였습니다. 728 byte -> 608 byte
• 2025-05-07 오후 11:53 // 3.6 업데이트, 코드 줄였습니다. 608 byte -> 568 byte
• 2025-05-08 오전 12:05 // 3.7 업데이트, 코드 줄였습니다. 568 byte -> 532 byte
• 2025-05-08 오전 12:29 // 3.8 업데이트, 코드 줄였습니다. 532 byte -> 514 byte
• 2025-05-08 오전 6:11 // 3.9 업데이트, 코드 줄였습니다. 514 byte -> 504 byte
• 2025-05-08 오후 7:55 // 4.0 업데이트, 코드 줄였습니다. 504 byte -> 458 byte
• 2025-05-12 오전 1:39 // 4.1 업데이트, 코드 줄였습니다. 458 byte -> 445 byte
• 2025-06-15 오후 9:55 // 4.2 업데이트, 코드 줄였습니다. 445 byte -> 413 byte

관련 글:
탭댄스 ver 3.2 (구글 크롬 탭 관련 확장 프로그램), 키보드 좌우키 페이지 이동 유저스크립트
LunaTools

지난 9월 2일 공개된 Google 의 오픈소스 웹브라우저 Google 크롬에 대한 이야기가 블로고스피어에 많이 나오고 있습니다. 홍보 만화, 다른 웹브라우저를 압도하는 빠른 웹서핑 속도 등, 갖가지 기능에 대한 얘기부터, 보안취약점 발견 이슈, Internet Explorer 8, Firefox 3 등과 함께 또 한 번의 웹브라우저 전쟁의 서막, 플랫폼으로서의 웹/브라우저, Google Gears 런타임 탑재의 전략 등 여러 가지로 회자하고 있습니다.

크롬을 제 개인적인/엔드유저 측면에서 바라본다면¹ 아무래도 "통제 불능의 자가 증식" 탭 브라우징을 얼마나 쾌적하게 즐길 수 있느냐는 점이 될 듯싶습니다. 크롬의 여러 가지 기능 – 보안 측면에서 탭별 개별 프로세스 지원과 유해사이트 차단목록 자체 업데이트, 속도 측면에서 WebKit 렌더링 엔진과 V8 자바스크립트 엔진 탑재로 쾌적한 속도 지원, UI 측면에서 제목/상태표시줄을 제외한 간결한 UI, 검색+주소창, 새 탭 페이지에서의 빠른 접근² – 을 체감하며 느낀 결론은 현시점에서는 과도한; 멀티 탭 서핑에는 크롬 이상의 웹브라우저는 없다는 점입니다.³

하지만 Firefox 방식의 부가기능 추가 미지원⁴, 국내 웹 환경에서의 ActiveX 미지원 문제 등의 한계는 존재합니다. 또 한가지 불편한 점을 들자면 바로 오래전부터 손에 익은 마우스 제스처 기능을 쓸 수 없다는 점이 아닐까 싶습니다. 별도의 부가기능 추가 지원 전까지는 서드파티 프로그램의 도움을 빌릴 수밖에 없을 듯싶고요. 그래서 여러 Mouse gesture 프로그램들을 탐색 후 낙점된 프로그램은 gMote⁵ 입니다.⁶



gMote 는 단일 실행 파일로 구성돼 있으며, 간결하게 마우스 제스처만을 위한 기능으로 구성되어 있습니다. Gesture Set 부분에서 제스처의 기능을 추가하고 Testing 부분에서 제스처 입력을 하는 방식으로 간단히 마우스 제스처 기능을 설정할 수 있습니다. 아울러 옵션을 통해 마우스 제스처 작동 방식, 흔적 표시, 적용 여부 팝업, 예외 프로그램 설정을 할 수 있습니다. 크롬의 단축키 목록을 참고하셔서 구성하시면 되겠습니다.⁷

크롬 초기에는 Google Talk - Customize Talk 식으로 이런 부류의 어느 정도 간단한 팁/활용이 주가 되지 않을까 싶습니다. 물론 그 후 계속될 오픈소스로의 진화도 계속해서 주목을 해봐야 할 듯싶고요 J

관련 글 : 마우스 제스처 관련 프로그램들

2010-01-07 오후 9:34 업데이트
구글 크롬에 확장 기능이 추가되어서 이제는 확장 기능을 통해서 마우스 제스처 기능을 사용하시면 될 듯싶습니다. Mouse Stroke 를 추천합니다 :)