LunaTools - 구글 크롬 확장 프로그램: 마우스 제스처, 좌우키 페이지 이동, 탭 중복 제거/정렬/병합, PiP, 환율/단위/시각 변환, 영상 회전, 사이트 잠금/차단, 드래그 복사/열기,여러 URL 열기, 볼륨 300% 증폭, 세션 매니저, 음소거, 위로가기

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

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

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

구글 제미나이로 만든 구글 크롬 확장 프로그램 2개, 유저스크립트 2개를 1개의 구글 크롬 확장 프로그램으로 합쳤습니다. 그 이후 추가적인 기능들도 제미나이로 바이브 코딩으로 구현했습니다.

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

드래그 열기, 복사 기능은 Linkclump, 여러 URL 열기 기능은 Bulk URL Opener 를 참고했습니다. 해당 확장 프로그램 소스 코드는 보지 않았고, 제가 쓰는 설정 값으로 프롬프트로 모두 구현하고 여러 부가적인 기능을 추가했습니다.

볼륨 300% 증폭 기능은 제가 유저스크립트로 3번 정도 구현해보고 그 중에 가장 효과적인 유저스크립트를 적용해봤습니다.

구글 크롬에 세션 매니저 확장 프로그램이 있으면 좋을 것 같아서 만든 TabHaiku 를 LunaTools 에 추가했습니다. (실제로 쓰는 기능, 꼭 필요한 기능만 넣고 디자인은 제가 좋아하는 BeOS 디자인으로 구현했습니다.)

제미나이 2.5 프로로 LunaTools 소개 페이지 (BeOS 디자인 적용) http://lunamoth.com/LunaTools/ 만들어봤습니다. 이 페이지도 한번 살펴보시는 것 추천합니다.

음소거 토글 기능도 있으면 편할 것 같아서 추가했습니다. URL 경로 위로, 루트로 가능 기능도 추가해봤습니다.

MothNote

MothNote lunamoth 4th 블로그 소개 글

MothNote GitHub

MohtNote 는 폴더 기반 노트 시스템에 시계, 날씨, 달력 위젯을 더한 올인원 대시보드 구글 크롬 새 탭 확장 프로그램입니다.

---

개발 과정

MothNote 로 구글 크롬 새 탭에서 빠르게 바로 노트를 쓸 수 있고, 시계/달력/날씨/온도 등도 빠르게 보실 수 있습니다. 16가지 기능을 갖춘 LunaTools 확장 프로그램 만든 이후로 문득 새 탭 확장 프로그램을 만들어보면 어떨까 하는 생각이 들어서 만들기 시작했습니다.

개발자도 아니고 프로그래밍도 전혀 모릅니다만, 구글 AI 스튜디오 (웹) 에서 구글 제미나이 2.5 프로로 2025년 7월 25일 만들기 시작해서 38일 정도 개발해서 2025년 9월 1일 릴리스하게 됐습니다. 외부 라이브러리 제외한 코드 줄 수는 7,385줄 입니다.

가장 많이 보게 되는 새 탭에서 바로 노트를 쓸 수 있다면 편할 것 같아서, 많은 프로젝트 관리 툴에서 보던 3단 컬럼 구조로 노트 앱을 우선 만들기 시작했습니다. Solarized Light/Dark 테마 지원을 넣었고, Tabliss 확장 프로그램에서 아이디어를 얻어서 디지털 시계, 아날로그 시계, 날씨, 온도를 넣고, 일기장 활용을 위해서 달력도 넣었습니다.

글쓰기 앱에서 많이 구현하는 포커스 모드, 젠 모드도 넣었습니다. 레이아웃 설정, 편집기 글꼴 설정, 날씨 도시 설정, 데이터 백업/복원 기능도 지원했습니다.

중간에 다중 탭 동기화 기능을 지원하다가 오버 엔지니어링이란걸 이해하고 롤백하기도 했었네요. "원자적 작업" 이라는 단어도 만들면서 지원하면서 알게 됐던 기억 나는군요.

기존에 만들었던 날씨 상세 페이지도 결합해 보면 좋을 것 같아서 넣어봤습니다. 마크다운은 지원하지 않으려고 했는데 외부 라이브러리 쓰는 법 알게 돼서 마크다운 뷰 모드를 지원했습니다. (Snakdown 쓰다가, Marked 로 변경)

폴더 기본값으로 PARA, 불렛노트에서 권장하는 폴더를 넣어봤습니다. Todo.txt 식의 활용도 가능할 것 같습니다.

심플노트를 기존에 썼었는데 데이터 마이그레이션도 가능할 것 같아서 심플노트 백업 파일 JSON 파일의 데이터 마이그레이션 기능도 넣어봤습니다. 며칠 전에는 로컬 스토리지 10MB 제한이 아닌 무제한으로 쓸 수 있는 unlimitedStorage 권한 알게 돼서 적용하기도 했습니다.

개발 과정에서 생각난 아이디어로는 태그, 다단 폴더, 위지윅 에디터, 위키식 링크 도입, 할일 체크, Readability.js 로 본문 스크랩 기능, 구글 드라이브 연동 등등이 있었네요. 향후 의미 있는 기능 위주로 업데이트해 볼 생각입니다.

버그 수정 과정을 꽤 오래 거쳐서 나름 쓸만해진 것 같아서 릴리스해 봅니다. 나름 쓸만하실 겁니다. 한번 써보시면서 기능 개선, 버그 리포트 부탁드리겠습니다. (블루스카이, 트위터, 스레드로 답글 주시면 감사드리겠습니다.)

19.1 버전에서 습관 트래커 기능 추가했습니다. 매일, 주중, 특정 요일 주기로 습관을 설정하고, 달력 뷰에서 달성도를 체크할 수 있습니다. 히트맵, 연속 달성, 달성률 등 통계와 업적도 지원합니다.

20.0 버전에서 다이어트 챌린지 기능을 추가했습니다. (체중과 체지방을 기록하면 BMI와 대사량 등 핵심 정보를 자동 계산하고, 이동평균선과 히트맵 등 다양한 차트로 변화 흐름을 직관적으로 보여줍니다. 정체기 돌파 솔루션과 요요 위험 경고 같은 데이터 기반의 심층 분석을 제공하며, 다양한 업적 뱃지 시스템으로 감량 의지를 북돋아 줍니다.)

---

주요 기능

(아래 기능 설명은 MothNote 의 소스 코드를 분석해서 제미나이 2.5 프로가 작성했습니다.)

• 올인원 대시보드: 새 탭에서 필요한 모든 정보를 한눈에 확인하세요.
  • 시계: 미려한 디자인의 아날로그 시계와 가독성 높은 디지털 시계를 제공합니다.
  • 상세 날씨 정보: 대시보드 위젯 클릭 한 번으로 날씨 전문가가 되어보세요.
    • 주간 예보: 전용 페이지에서 주간 최고/최저 기온 변화를 시각적인 차트와 함께 한눈에 파악할 수 있으며, 현재 날씨에 따라 비나 눈이 내리는 아름다운 배경 효과도 함께 제공됩니다.
    • 시간대별 상세 정보: 특정 날짜의 예보 카드를 클릭하면, 해당일의 시간대별 기온, 날씨 변화, 강수 확률을 상세한 리스트와 차트로 제공합니다.
    • 위치 설정: 도시 이름 검색은 물론, 위도와 경도를 직접 입력하여 전 세계 어느 곳이든 원하는 지역의 날씨를 설정할 수 있습니다.
  • 노트 연동 달력: 노트가 작성된 날짜는 밑줄로 표시되며, 날짜에 마우스를 올리면 노트 제목을 미리 볼 수 있고, 클릭하면 해당 일자의 모든 노트를 즉시 모아볼 수 있습니다.
• 강력한 노트 시스템: 폴더 기반으로 생각을 체계적으로 정리하고, 3단 패널 UI를 통해 효율적으로 노트를 관리합니다.
  • 마크다운 지원: #, *, ** 등 간단한 문법으로 서식이 있는 노트를 작성하고, 버튼 클릭 한 번으로 깔끔하게 렌더링된 미리보기로 전환할 수 있습니다.
  • 생산성 높은 편집기: 편집기 하단에서 글자/단어/줄 수, 생성/수정일 등 상세 정보를 실시간으로 확인하고, Tab 키로 들여쓰기/내어쓰기를 할 수 있습니다.
  • 자동 저장 및 수동 저장: 작성 내용은 타이핑을 멈추면 자동으로 저장되며, Ctrl+S (Mac: Cmd+S) 단축키로 원할 때 즉시 수동 저장할 수도 있습니다.
  • 편의 기능: 제목을 비워두면 내용의 첫 줄이 자동으로 제목이 됩니다.
• 높은 사용자 자유도 및 편의성: 생산성을 극대화하는 다양한 기능을 지원합니다.
  • 사용자 설정: 라이트/다크 테마, 편집기 글꼴/크기 등 앱의 외형을 취향에 맞게 변경하고, 모든 설정을 초기화할 수 있습니다.
  • 동적 UI: 설정 메뉴뿐만 아니라, 마우스 드래그로 패널과 젠 모드의 너비를 직관적으로 조절할 수 있습니다.
  • 고급 노트 관리: 노트 검색 (검색어 하이라이트 포함), 정렬, 중요 노트 고정 및 즐겨찾기 기능을 제공합니다.
  • 직관적인 이동: 드래그 앤 드롭으로 폴더 순서를 바꾸거나 노트를 다른 폴더로 쉽게 이동할 수 있습니다. (노트를 휴지통/즐겨찾기 폴더로 드래그하여 바로 삭제/추가 가능)
  • 집중을 위한 젠 모드(Zen Mode): 주변 요소를 모두 숨기고 오직 노트 작성에만 집중할 수 있는 환경을 제공합니다.
  • 휴지통 및 복원: 삭제된 항목은 휴지통으로 이동하며, 복원 시 이름 충돌을 자동으로 감지하고 해결하는 등 안전하게 복원할 수 있습니다.
  • 데이터 백업 및 복원: 모든 데이터를 JSON 파일 하나로 안전하게 백업하고 복원할 수 있습니다. Simplenote 백업 파일(JSON) 가져오기를 지원하며, 기존 데이터를 유지한 채 새 폴더로 안전하게 추가합니다.
  • 키보드 단축키: 새 폴더/노트 생성, 이름 변경, 목록 탐색 등 다양한 작업을 키보드만으로 빠르게 수행할 수 있습니다.
• 데이터 안정성 및 신뢰성: 사용자의 소중한 데이터를 안전하게 보호합니다.
  • 데이터는 웹브라우저 로컬 스토리지에 저장됩니다.
  • 유실 방지 경고: 저장되지 않은 변경사항이 있는 상태에서 페이지를 닫으려고 하면 경고창을 띄워 데이터 유실을 방지합니다.
  • 비상 복구 기능: 브라우저 비정상 종료 시, 저장되지 않은 마지막 변경사항을 임시 백업하고 다음 실행 시 복원 여부를 묻습니다.
  • 자동 데이터 검사: 앱 실행 시 데이터 무결성을 검사하고, 문제가 발견되면 자동으로 복구하여 안정성을 유지합니다.

---

설치 방법

1. MothNote GitHub 페이지에서 릴리스 섹션에서 최신 릴리스 파일을 받고 압축을 해제합니다.
2. Chrome 브라우저 주소창에 chrome://extensions를 입력하여 관리 페이지로 이동 후, 개발자 모드를 활성화합니다.
3. 압축 해제된 확장 프로그램을 로드합니다 버튼을 클릭하고, 1단계에서 압축 해제한 폴더를 선택하면 설치가 완료됩니다. 폴더를 확장 프로그램 관리 페이지로 드래그앤드롭해도 됩니다. (참고로 해당 폴더는 삭제하면 안됩니다.)

---

업데이트 내역

• 2025-09-01 오후 4:15 // 17.58 릴리스, 첫 릴리스
• 2025-09-01 오후 8:16 // 17.59 릴리스, 확장 프로그램 URL 에 블로그 소개글 연결, 가이드 문서 수정
• 2025-09-05 오후 9:24 // 17.61 릴리스, 날씨 상세 정보 페이지에 대기질 정보 추가 (PM10, PM2.5)
• 2025-09-08 오후 9:10 // 17.62 릴리스, 심플노트에서 백업 본 가져왔을 때 첫줄이 빈줄이면 제목이 제대로 설정되지 않던 문제 수정
• 2025-09-12 오후 7:50 // 17.64 릴리스, 날씨 정보 API 서비스 Open-Meteo 출처 표기 추가, ACKNOWLEDGMENTS.md 에 감사의 언급 추가, 설정 > 데이터 관리에 현재 저장소 사용량 표시 기능 추가
• 2025-09-12 오후 8:55 // 17.65 릴리스, ACKNOWLEDGMENTS.md 에 Noto Sans KR 폰트 관련 정보 추가
• 2025-09-13 오후 4:53 // 17.66 릴리스, 왼쪽 폴더 패널 날씨 위젯 title 값 통합으로 수정
• 2025-09-21 오전 10:15 // 17.67 릴리스, 날짜 선택 닫기 버튼 위치 조정
• 2025-09-28 오후 1:19 // 18.00 릴리스, 할일 처리 방법론 LunaFlowACT (기존 방법론 취사 선택해서 제미나이 2.5 프로로 합쳐봤습니다.) 문서를 추가,  관련된 폴더 Inbox, Today, A1 (Must Have), B2 (Should Have), C3 (Could Have) 5개를 기본값 폴더에 추가,  고정글 포커싱 시 글 목록에서 글 배경색 바뀌지 않는 문제 수정
• 2025-10-05 오후 1:13 // 18.1 릴리스, 날씨 상세 페이지에서 첫번째, 두번째 오늘, 내일로 나오던것에서 요일 표기로 일원화
• 2025-10-05 오후 6:08 // 18.2 릴리스, 날씨 미세먼지 기준 수정
• 2025-10-08 오후 2:33 // 18.4 릴리스, 날씨 미세먼지 기준 변경 관련 CSS 정리
• 2025-10-25 오후 9:23 // 18.5, 백업/복원 아이콘 변경
• 2025-11-12 오후 6:19 // 19.1, 습관 트래커 추가
• 2025-11-22 오후 10:47 // 19.2, 데이터 백업 시 파일 저장 경로 확인 없이 바로 백업되도록 수정
• 2026-01-02 오후 10:41 // 19.3, 습관 트래커 진입 시 오늘 날짜로 이동
• 2026-01-03 오후 5:08 // 20.0, 다이어트 챌린지 추가
• 2026-01-05 오후 2:59 // 20.1, 다이어트 챌린지의 일부 텍스트 문구 수정
• 2026-01-07 오후 6:31 // 20.2, 다이어트 챌린지 텍스트 심층 분석 37개 추가
• 2026-01-07 오후 9:18 // 20.3, 데이터 복원 시 노트 제목 특수문자 깨지는 문제 수정
• 2026-01-12 오후 4:28 // 20.4, 다이어트 챌린지 BMI 다음 단계 변경 관련 분석 0kg 나오는 문제 수정, g 까지 나오도록 수정
• 2026-01-16 오후 7:53 // 20.5, 다이어트 챌린지 심층 분석 문구 1개 어색하게 나오는 부분 수정
• 2026-01-16 오후 9:22 // 20.6, BMI 계산 시 반올림으로 인해, BMI 단계 잘못 나오는 문제 수정
• 2026-01-16 오후 9:22 // 20.6, 다이어트 챌린지 BMI 계산 시 반올림으로 인해, BMI 단계 잘못 나오는 문제 수정
• 2026-01-17 오후 4:06 // 20.7, 다이어트 챌린지 심층 분석 1개 로직, 문구 수정
• 2026-01-18 오후 4:39 // 20.8, 다이어트 챌린지 기존 소형 그래프 였던 고스트 러너 (전월 대비 비교) 그래프를 체중 변화 그래프 하단에 동일한 크기로 배치
• 2026-01-18 오후 4:52 // 20.9, 다이어트 챌린지 달력 뷰 연월 이동 미작동 수정
• 2026-01-19 오후 8:12 // 20.10, 다이어트 챌린지 기록하기 버튼 연타 시 발생하던 입력 오류 수정 및 중복 클릭 방지 적용
• 2026-02-01 오후 9:55 // 20.11, 최근 노트 폴더 10개만 출력에서 최근 순으로 모든 노트 출력으로 정책 변경
• 2026-02-12 오전 11:26 // 20.12, 다이어트 챌린지 수치 입력 후 입력 요청 메시지 뜨는 문제 수정

- MothNote 글 최초 작성 일시: 2025-09-01 오후 4:34
- MothNote 글 업데이트 일시: 2026-02-12 오전 11:26 (MothNote 업데이트 시각과 동기화)