Skip to content

teemoZipsa/teemoZipsa.github.io

Repository files navigation

😺 티모집사의 유용한 웹 도구 모음

일상과 업무에 필요한 도구들을 한곳에 모았습니다.

Website 도구 개수 PWA


✨ 소개

회원가입 없이, 브라우저에서 바로 사용할 수 있는 웹 도구 모음입니다.
계산·텍스트·파일 변환은 가능한 한 브라우저에서 로컬 처리하며, 공인 IP 조회·응답 지연 측정이나 AI 모델처럼 네트워크가 필요한 기능은 페이지에서 범위와 최초 다운로드 크기를 안내합니다. PDF·QR 엔진, 배경 제거 AI 코드·모델과 사이트 글꼴은 고정 버전을 저장소에 포함해 핵심 도구가 제3자 CDN 장애 때문에 멈추지 않게 합니다.

🔒 로컬 우선 설계 — 사용자 파일과 계산 입력은 원칙적으로 브라우저 안에서 처리합니다


🎯 주요 기능

  • 🌓 다크/라이트 모드 — 메인 포털에서 원클릭 테마 전환, 전체 사이트 일관 적용
  • 📱 PWA 지원 — 192px·maskable 아이콘, 원자적 앱 셸 설치, 방문 페이지와 버전 고정 도구 엔진의 분리 캐시 지원
  • 💾 선택적 자동 저장 — 일부 도구는 입력·설정·커스텀 문구 또는 생성 이력을 브라우저에 저장
  • 즐겨찾기 — 자주 쓰는 도구에 별표 또는 드래그로 즐겨찾기 등록
  • 🔐 로컬 우선 처리 — 계산·텍스트·파일 변환은 브라우저에서 처리하고 네트워크 기능은 별도 표시
  • 품질 검사npm run verify로 구조·보안 정책·수식·실제 페이지 회귀·SEO·접근성·Chromium/Firefox/WebKit·모바일 에뮬레이션을 게시 전에 로컬 검증

🛠️ 도구 목록

⌨️ 텍스트 & 문자

도구 설명
⌨️ 특수문자 & 이모지 클릭 한 번으로 특수 문자·이모지 복사
📏 글자 수 계산기 글자·바이트·단어 수 실시간 계산
💬 빠른 답장 도구 자주 쓰는 답장 문구 저장 & 빠른 복사
🎨 이모지 합치기 이모지 두 개를 합쳐 새로운 이모지 만들기
🔄 한영 변환기 한영 오타를 한 번에 변환
🔐 Base64 인코더 텍스트·파일 Base64 인코딩·디코딩

🧮 계산기

도구 설명
🧮 일반 계산기 사칙연산·퍼센트·키보드 입력 지원
📊 퍼센트 계산기 퍼센트 계산·할인율·증감율 한방에
📅 날짜 / D-Day 계산기 D-Day 계산, 날짜 더하기·빼기
🏢 영업일 계산기 주말 제외 및 2024~2027년 한국 변동 공휴일 반영
💰 복리 계산기 복리의 마법을 차트로 한눈에 확인
🏦 대출 이자 계산기 원리금균등·원금균등·만기일시 대출 계산
📉 물타기/불타기 계산기 추가 매수 시 평단가 실시간 계산
💵 시급 환산기 시급·월급·연봉 자유롭게 환산
🔥 칼로리 계산기 다이어트 목표 칼로리 및 탄단지 비율 계산
💪 BMI 계산기 체질량지수 계산 및 건강 상태 확인
🎓 학점 계산기 GPA 반영 학점·P 취득 학점을 구분해 평균 계산
💸 구독료 팩폭 계산기 매달 나가는 구독료, 모이면 얼마?
🎤 발표시간 계산기 스크립트 → 예상 발표 시간 자동 계산
🏷️ 할인/세금 계산기 할인율·세금 포함/제외 바로 계산
⏱️ 타이머 심플 타이머 & 스톱워치
⛽ 유류비 계산기 거리·연비·직접 수정 가능한 유가로 유류비와 N빵 계산
🏠 부동산 중개수수료 계산기 매매·전세·월세 유형별 중개보수 계산
🚕 서울 중형 택시비 계산기 서울 공식 요율로 거리·저속시간·할증·추가 비용을 반영한 참고 운임
🎵 음악 계산기 BPM·메트로놈·딜레이·음정·Hz·키 변환

🔧 변환 & 유틸

도구 설명
🎨 색상 코드 변환기 HEX·RGB·HSL 실시간 변환
📐 생활 단위 변환기 부동산·요리·직구·디지털·여행 단위 변환
🌍 타임존 변환기 세계 주요 도시 시간 변환·시차 확인
⭐ 별자리 계산기 생일로 별자리·성격·궁합 확인
🐉 띠(십이지신) 계산기 생년월일로 띠·오행·궁합 확인
⏱️ 정각 시계 & 응답시간 로컬 정밀 시계·정각 알림과 대상 사이트 응답 지연 확인
🎰 로또 번호 자동 추첨기 고정수·제외수를 반영해 여러 번호 조합 생성
🌐 내 IP 확인기 공인 IP·국가 코드·브라우저 연결 정보 확인

📎 파일 & 생성

도구 설명
📷 QR 코드 생성기 오류 복원 수준과 스캔 여백을 반영한 QR 코드 생성
🗜️ 이미지 용량 줄이기 브라우저에서 바로 사진 용량 압축
🔄 이미지 포맷 변환 GIF·BMP·SVG 등을 불러와 정적 JPG·PNG·WebP로 변환
📄 PDF 도구 자체 호스팅 엔진으로 PDF 합치기·나누기·회전·워터마크
🔑 비밀번호 생성기 안전한 랜덤 비밀번호 즉시 생성
✂️ 이미지 배경(누끼) 제거 자체 호스팅 브라우저용 AI 모델로 배경을 제거하고 PNG 저장

🤖 AI & 마케팅

도구 설명
🤖 AI 프롬프트 자판기 빈칸만 채우면 AI용 프롬프트 완성
🔗 UTM 생성기 마케팅 캠페인 URL에 UTM 추적 파라미터 추가

🐾 반려동물

도구 설명
🐾 반려동물 나이 계산기 강아지·고양이 → 사람 나이 환산 (체형별)
🍖 사료 급여량 계산기 체중·활동량 기반 하루 사료량·칼로리 계산
⚖️ 반려동물 체중 관리 BCS 체형 평가 · 품종별 체중 참고 범위 비교

✅ 로컬 검증과 배포 준비

사용자 정의 GitHub Actions 없이 로컬 검증을 통과한 정적 파일을 main 브랜치 루트에서 GitHub Pages로 게시합니다. 저장소에는 workflow를 두지 않으며, Pages의 내장 배포만 GitHub가 관리합니다.

최초 한 번 의존성과 로컬 브라우저 엔진을 준비합니다.

npm ci
npx playwright install chromium firefox webkit

코드 변경을 검증할 때는 다음 한 명령을 실행합니다.

npm run verify

이 명령은 구조·외부 실행 의존성·CSP 규칙, 계산식 오라클과 실제 페이지 회귀, SEO 색인, 핵심 사용자 조작, 80개 도구 페이지의 라이트·다크 초기·탭 상태 WCAG 2.1 A/AA 및 자동화 가능한 모범 사례, 전체 정적 페이지 Chromium 렌더링, Chromium·Firefox·WebKit 데스크톱과 Pixel 7·iPhone 15 에뮬레이션의 전체 도구·색인 페이지 렌더링, 모바일 터치 타깃과 Git diff 오류를 순서대로 검사합니다. 자동화 검사는 실제 스크린 리더·물리 모바일·OS 백그라운드 동작을 대체하지 않습니다. 빠른 조작 회귀검사는 npm run audit:interactions, 자동 접근성 검사는 npm run audit:accessibility, 5개 환경 호환성 검사는 npm run audit:browsers로 따로 실행할 수 있습니다.

약 85MB로 고정된 전체 AI 모델·WASM 구성 중 Chromium·Firefox가 각각 약 56.9MB를 실제로 읽는 배경 제거 추론은 일반 검증의 실행 시간과 메모리 사용을 늘리므로 선택 검사로 분리했습니다. 배경 제거 번들·모델·CSP를 바꾼 뒤에는 npm run audit:background-inference를 실행해 두 엔진 모두에서 64×64 PNG의 실제 추론 결과와 제3자 요청 부재를 확인합니다.

모바일 프로필은 뷰포트·터치·브라우저 엔진 에뮬레이션입니다. 물리 기기의 OS 통합 동작과 Windows Playwright WebKit이 제공하지 않는 Safari/iOS Web Audio는 실제 Apple 기기에서 별도로 확인해야 합니다. Windows Playwright WebKit에서는 브라우저 매트릭스의 전체 페이지 렌더링과 대표 상호작용은 통과하지만 배경 제거 실추론이 8분 동안 모델 로딩 단계를 벗어나지 않아 필수 추론 검사에 포함하지 않았으며, 이 경로도 실제 Apple 기기의 Safari에서 확인해야 합니다. Chromium과 Firefox에서는 메트로놈 AudioWorklet의 누적 프레임 간격·정지·재시작을 검증합니다.

PDF·QR·배경 제거·글꼴 구성요소의 정확한 버전·크기·무결성·라이선스·출처는 special-chars/vendor/README.md에 기록합니다. 배경 제거 도구의 첫 진입과 최초 처리에는 이 사이트에서 JS 번들·양자화 모델·실행 환경에 맞는 WASM 합계 약 56.9MB를 받으며, 브라우저 저장 공간 정리나 축출 시 다시 받아야 합니다. @imgly/background-removal의 AGPL-3.0 고지, 대응 소스맵과 제3자 라이선스는 배포물에서 제거하면 안 됩니다.

게시 전 검색 제안 주제까지 갱신하려면 다음 명령을 사용합니다. 검색 제안 내용이 같으면 데이터 파일을 수정하지 않으며, 모든 외부 요청이 실패하면 기존 데이터를 보존하고 명령을 실패 처리합니다.

npm run release:check

검색 제안은 검색량이나 인기 순위가 아니며, 배포 준비 시 수동으로 갱신합니다. 위 명령은 커밋이나 푸시를 자동으로 수행하지 않습니다.


🏗️ 기술 스택

HTML5 CSS3 JavaScript GitHub Pages


📜 라이선스

이 저장소에서 직접 작성한 코드는 MIT License를 따릅니다. special-chars/vendor/에 포함된 제3자 코드·모델·글꼴은 각 디렉터리의 원본 라이선스와 special-chars/vendor/README.md가 우선하며, 여기에는 AGPL-3.0·Apache-2.0·OFL-1.1 구성요소가 포함됩니다.


About

티모집사의 웹 도구 모음 - 이모지 믹서, QR 생성기, 계산기 등 일상에 필요한 브라우저 기반 유틸리티 모음

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors