도구상자 (dogubox)

설치 없이 브라우저에서 바로 쓰는 무료 온라인 도구 모음

🔗 https://dogubox.shop

도구상자는 이미지·PDF 변환, 텍스트 처리, 색상 도구, 개발자 유틸리티 등 일상과 업무에 필요한 도구들을 한곳에 모은 무료 웹사이트입니다. 모든 처리는 사용자의 브라우저 안에서만 이루어집니다.

주요 특징

• 무료 — 모든 도구를 비용 없이 사용
• 설치 없음 — 웹 브라우저만 있으면 바로 사용
• 브라우저에서 처리 — 모든 기능이 클라이언트 사이드(브라우저 JavaScript)로 동작
• 파일이 서버로 전송되지 않음 — 업로드/입력한 이미지·문서·텍스트는 외부 서버로 보내지 않고 브라우저 안에서만 처리되어 개인정보에 안전
• 독립 URL — 각 도구가 고유 주소를 가져 바로 접근·공유 가능
• 작업대 — 홈 상단 "작업대" 버튼을 누르면 홈 위로 떠 있는 창이 열려, 도구를 최대 5칸까지 나란히 두고 동시에 사용할 수 있습니다. 분할 수를 직접 고르고, 칸 사이 경계를 드래그해 너비를 조절하며, 도구를 다른 칸으로 끌어 옮길 수 있습니다(옮겨도 입력한 내용은 그대로 유지됩니다). 도구는 검색해서 선택합니다.

도구 목록

카테고리·도구 순서는 sidebar.js·허브 index.html·CLAUDE.md와 동일하게 유지합니다(정렬 규칙은 CLAUDE.md 4번 섹션 참고).

이미지 · PDF

• 이미지 포맷 변환 (/image-converter/)
• 이미지 압축·리사이즈 (/image-compressor/)
• 이미지 크기 조절 (/image-resizer/)
• 이미지 업스케일·확대 (/image-upscale/)
• 이미지 자르기 (/image-crop/)
• 인스타 9분할 그리드 자르기 (/instagram-grid/)
• 이미지 테두리·여백 추가 (/image-border/)
• 원형·둥근 프로필 사진 만들기 (/profile-picture/)
• 이미지 회전·뒤집기 (/image-rotate/)
• 이미지 밝기·대비·채도 조절 (/image-adjust/)
• 흑백·세피아 필터 (/image-filter/)
• 이미지 색 반전 (/image-invert/)
• 이미지 워터마크 넣기 (/watermark/)
• 이미지 모자이크·블러 (/image-blur/)
• 이미지 배경 제거 (누끼) (/bg-remover/)
• 이미지 합치기·콜라주 (/image-merge/)
• 밈·짤 생성기 (/meme-generator/)
• 증명사진 규격 맞추기 (/id-photo/)
• EXIF·위치정보 제거 (/remove-exif/)
• 이미지 정보 보기 (/image-info/)
• 유튜브 썸네일 다운로드 (/youtube-thumbnail/)
• HEIC → JPG 변환 (/heic-to-jpg/)
• SVG → PNG 변환 (/svg-to-png/)
• 이미지 ↔ Base64 (/image-base64/)
• 이미지 OCR·글자 추출 (/image-ocr/)
• 이미지 → ASCII 아트 (/image-ascii/)
• 이미지로 GIF 만들기 (/gif-maker/)
• 동영상 → GIF 변환 (/video-to-gif/)
• PDF 합치기 (/pdf-merge/)
• PDF 페이지 분할 (/pdf-split/)
• PDF 회전·페이지 정리 (/pdf-organize/)
• PDF 용량 줄이기 (/pdf-compressor/)
• PDF 워터마크 (/pdf-watermark/)
• PDF 페이지 번호 넣기 (/pdf-page-numbers/)
• 이미지 → PDF (/image-to-pdf/)
• PDF → 이미지 (/pdf-to-image/)
• PDF → 텍스트 추출 (/pdf-to-text/)

텍스트 · 생성

• 글자수 세기 (/word-counter/)
• 단어 빈도 분석기 (/word-frequency/)
• 공백·줄바꿈 정리 (/clean-text/)
• 텍스트 찾기·바꾸기 (/text-replace/)
• 중복 줄 제거 (/remove-duplicate-lines/)
• 텍스트 줄 정렬 (/sort-lines/)
• 줄바꿈 ↔ 쉼표 변환기 (/list-converter/)
• 인스타 줄바꿈 (/instagram-linebreak/)
• 줄 번호 매기기 (/line-numbers/)
• 대소문자·표기 변환 (/case-converter/)
• 글자 거꾸로·뒤집기 (/text-reverser/)
• 모스부호 변환기 (/morse-code/)
• 텍스트 비교 (diff) (/text-diff/)
• 읽는 시간 계산기 (/reading-time/)
• 유니코드 꾸미기 글자 변환 (/fancy-text/)
• 손글씨 생성기 (/handwriting/)
• 랜덤 닉네임 생성기 (/nickname-generator/)
• 특수문자·이모지 복사 (/special-characters/)
• 카오모지·이모티콘 텍스트 모음 (/kaomoji/)
• 한글 → 로마자 변환 (/romanizer/)
• 한/영 키보드 오타 변환 (/keyboard-typo/)
• 초성 추출기 (/hangul-chosung/)
• 숫자 → 한글 금액 변환 (/number-to-korean/)
• 텍스트 → 음성 (TTS) (/tts/)
• QR코드 생성 (/qr-code/)
• QR코드 읽기 (/qr-reader/)
• 바코드 생성기 (/barcode-generator/)
• 비밀번호 생성 (/password-generator/)
• 비밀번호 강도 검사기 (/password-strength/)
• 로렘 입숨 생성기 (/lorem-ipsum/)
• JSON 포매터 (/json-formatter/)

생활 · 편의

• 계산기 (일반·공학용) (/calculator/)
• 퍼센트 계산기 (/percentage-calculator/)
• 더치페이 계산기 (/dutch-pay/)
• 통계 계산기 (/statistics-calculator/)
• 최대공약수·최소공배수 계산기 (/gcd-lcm/)
• 도형 면적 계산기 (/area-calculator/)
• 이차방정식 계산기 (/quadratic-equation/)
• 전기요금 계산기 (/electricity-bill/)
• 유류비·연비 계산기 (/fuel-cost/)
• 택배 부피무게 계산기 (/parcel-weight/)
• 단위 변환 (/unit-converter/)
• 평 ↔ ㎡ 변환 (/pyeong-converter/)
• 옷·신발 사이즈 변환 (/size-converter/)
• 로마 숫자 변환기 (/roman-numerals/)
• 요리 계량 변환기 (/cooking-converter/)
• 만 나이 계산기 (/age-calculator/)
• D-Day · 날짜 계산 (/dday-calculator/)
• 100일·기념일 계산기 (/anniversary/)
• 출산 예정일 계산기 (/due-date-calculator/)
• 배란일·가임기 계산기 (/ovulation-calculator/)
• 근무일수·영업일 계산기 (/business-days/)
• 전역일 계산기 (/military-discharge/)
• 음력 ↔ 양력 변환 (/lunar-solar-converter/)
• 세계 시간 변환 (/timezone-converter/)
• 스톱워치·타이머 (/stopwatch-timer/)
• 수면 시간 계산기 (/sleep-calculator/)
• 혈중알코올농도 계산기 (/blood-alcohol/)
• BMI 계산기 (/bmi-calculator/)
• 기초대사량·칼로리 계산기 (/calorie-calculator/)
• 운동 칼로리 소모 계산기 (/exercise-calories/)
• 체지방률 계산기 (/body-fat/)
• 1RM 최대중량 계산기 (/one-rep-max/)
• 자녀 키 예측 계산기 (/child-height/)
• 학점·GPA 계산기 (/gpa-calculator/)
• 타자 속도 측정 (/typing-speed/)

금융

• 연봉 실수령액 계산기 (/salary-calculator/)
• 시급·주휴수당 계산기 (/wage-calculator/)
• 실업급여 계산기 (/unemployment-benefit/)
• 건강보험료 계산기 (/health-insurance/)
• 4대보험 계산기 (/four-insurances/)
• 국민연금 예상 수령액 계산기 (/national-pension/)
• 퇴직금 계산기 (/severance-pay/)
• 대출 이자 계산기 (/loan-calculator/)
• 적금·예금 이자 계산기 (/savings-calculator/)
• DSR·DTI 계산기 (/dsr-calculator/)
• 전월세 전환 계산기 (/jeonse-conversion/)
• 주택청약 가점 계산기 (/housing-subscription/)
• 복리 계산기 (/compound-interest/)
• 물타기(평단가) 계산기 (/stock-average/)
• 주식 수익률·손익 계산기 (/stock-profit/)
• 배당금 계산기 (/dividend-calculator/)
• 목표가·손절가 계산기 (/target-price/)
• 자동차세 계산기 (/car-tax/)
• 취득세 계산기 (/acquisition-tax/)
• 부동산 중개수수료(복비) 계산기 (/brokerage-fee/)
• 증여세 계산기 (/gift-tax/)
• 상속세 계산기 (/inheritance-tax/)
• 종합소득세 계산기 (/comprehensive-income-tax/)
• 양도소득세 계산기 (/capital-gains-tax/)
• 부가가치세 계산기 (/vat-calculator/)
• 할인가 계산기 (/discount-calculator/)
• 할부 계산기 (/installment-calculator/)

직장인 · 생산성

• 임시 메모장 (/notepad/)
• 할 일 체크리스트 (/todo-list/)
• 포모도로 타이머 (/pomodoro/)
• 백색소음 생성기 (/white-noise/)
• 연차 계산기 (/annual-leave/)
• 근무시간 계산기 (/work-hours/)
• 서명 만들기 (전자서명) (/signature-maker/)
• 이메일 서명 생성기 (/email-signature/)
• UTM 빌더 (/utm-builder/)
• 마이크·웹캠 테스트 (/device-test/)

색상 · 디자인

• 컬러 피커·색상 변환 (/color-picker/)
• HEX ↔ RGB 변환 (/hex-rgb-converter/)
• 컬러 팔레트 생성 (/color-palette/)
• 색상 명암 생성기 (/color-shades/)
• 이미지에서 색 추출 (/color-extractor/)
• 그라데이션 생성기 (/gradient-generator/)
• 메시 그라데이션 생성기 (/mesh-gradient/)
• 글꼴 미리보기 (/font-preview/)
• 글래스모피즘 생성기 (/glassmorphism/)
• 그림자(box-shadow) 생성기 (/box-shadow-generator/)
• text-shadow 생성기 (/text-shadow-generator/)
• 테두리 둥글기 생성기 (/border-radius-generator/)
• clip-path 생성기 (/clip-path-generator/)
• cubic-bezier 이징 생성기 (/cubic-bezier/)
• CSS 단위 변환 (px↔rem↔em) (/css-unit-converter/)
• 색상 대비 검사 (/contrast-checker/)
• 색맹·색약 시뮬레이터 (/color-blindness/)
• 파비콘 생성 (/favicon-generator/)

개발자 도구

• 인코더 · 디코더 (/encoder-decoder/)
• URL 쿼리스트링 파서 (/url-parser/)
• 슬러그(URL) 생성기 (/slug-generator/)
• 개발 표기법 변환 (/case-style-converter/)
• HTML 엔티티 변환기 (/html-entities/)
• Hash 생성 (/hash-generator/)
• JWT 디코더 (/jwt-decoder/)
• UUID 생성 (/uuid-generator/)
• 신용카드 번호 검증 (/luhn-validator/)
• 진법 변환 (/base-converter/)
• 서브넷 계산기 (/subnet-calculator/)
• chmod 권한 계산기 (/chmod-calculator/)
• 타임스탬프 변환 (/timestamp/)
• cron 표현식 변환·설명 (/cron-parser/)
• 정규식 테스터 (/regex-tester/)
• JSON ↔ YAML 변환 (/json-yaml/)
• JSON ↔ XML 변환 (/json-xml/)
• CSV ↔ JSON 변환 (/csv-json/)
• JSON → 타입 변환 (TS/Python/Go) (/json-to-types/)
• JSON → Java DTO (/json-to-java-dto/)
• 표 변환기 (/table-converter/)
• 더미 데이터 생성기 (/mock-data/)
• SQL 포매터 (/sql-formatter/)
• 마크다운 → HTML 변환 (/markdown-preview/)
• 코드 이미지 생성기 (/code-image/)
• HTTP 상태 코드 치트시트 (/http-status-codes/)
• 아스키 코드표·유니코드 변환 (/ascii-table/)
• 유니코드 이스케이프 변환 (/unicode-escape/)

재미 · 운세

• MBTI 성격유형 테스트 (/mbti-test/)
• MBTI 궁합 (/mbti-compatibility/)
• 에겐·테토 테스트 (/egen-teto/)
• 퍼스널컬러 진단 (/personal-color/)
• 동물상 테스트 (/animal-face/)
• 청력 나이 테스트 (/hearing-age-test/)
• 반응속도 테스트 (/reaction-test/)
• 오늘의 운세 (/daily-fortune/)
• 타로 카드 뽑기 (/tarot/)
• 꿈해몽 (/dream-interpretation/)
• 사주팔자 만세력 (/saju/)
• 토정비결 신년 운세 (/tojeong/)
• 띠·별자리 찾기 (/zodiac-finder/)
• 오늘 뭐 먹지 (/lunch-menu/)
• 밸런스 게임 (/balance-game/)
• 이름 궁합 테스트 (/name-compatibility/)
• 랜덤 추첨기 (/random-picker/)
• 랜덤 팀 나누기 (/team-generator/)
• 주사위·동전 던지기 (/dice-roller/)
• 돌림판 추첨 (룰렛) (/spinner-wheel/)
• 사다리타기 (/ladder-game/)
• 로또 번호 생성 (/lotto-generator/)

악기

• 피아노 (/piano/)
• 신디사이저 (/synth/)
• 실로폰 (/xylophone/)
• 칼림바 (/kalimba/)
• 핸드팬 (/handpan/)
• 하프 (/harp/)
• 기타 (/guitar/)
• 가야금 (/gayageum/)
• 드럼 패드 (/drum-pad/)
• 런치패드 (/launchpad/)
• 스텝 시퀀서 (/sequencer/)
• 테레민 (/theremin/)
• 메트로놈 (/metronome/)
• 튜너(조율기) (/tuner/)
• 녹음기 (/recorder/)

가이드 (블로그)

도구 활용법을 다루는 읽을거리 콘텐츠입니다. 도구 개수에는 포함하지 않습니다. 허브: /guide/

• 자기소개서 글자 수 맞추는 법 (/guide/self-intro-character-count/)
• 아이폰 HEIC 사진을 JPG로 바꾸는 법 (/guide/heic-to-jpg-guide/)
• 이미지 용량 줄이기 — 화질 안 깨지게 (/guide/reduce-image-size/)
• PDF 합치기·나누기·용량 줄이기 (/guide/merge-split-pdf/)
• QR코드 만들기 — 인쇄·메뉴판까지 (/guide/make-qr-code/)
• 해킹 안 당하는 비밀번호 만드는 법 (/guide/strong-password/)
• 증명사진 규격 총정리 — 여권·이력서·비자 (/guide/id-photo-size/)
• 사진 위치정보(EXIF) 지우는 법 (/guide/remove-photo-location/)
• 평 ↔ ㎡ 변환과 평수 계산법 (/guide/pyeong-conversion/)
• 헷갈리는 단위 변환 총정리 (/guide/unit-conversion/)
• 퍼센트 계산법 총정리 (/guide/percentage-calculation/)
• JSON이란? 문법·오류 다루기 (/guide/json-basics/)
• 음력 ↔ 양력 변환 (/guide/lunar-solar-conversion/)
• D-Day 계산법 (/guide/dday-calculation/)
• 색상 코드 이해하기 — HEX·RGB·HSL (/guide/hex-rgb-color-codes/)
• 마크다운 문법 입문 (/guide/markdown-syntax/)
• BMI 계산법 — 공식·정상 범위와 한계 (/guide/bmi-calculation/)
• 만 나이 계산법 — 세는 나이·연 나이 차이까지 (/guide/age-calculation/)
• 정규식 입문 — 기초 문법과 자주 쓰는 패턴 (/guide/regex-basics/)
• 유닉스 타임스탬프란? — 10자리·13자리와 변환법 (/guide/timestamp-conversion/)
• CSV란? — 엑셀과의 차이, 깨짐 해결과 JSON 변환 (/guide/csv-json-conversion/)
• 옷·신발 사이즈 표 총정리 — 한국·미국·유럽 (/guide/size-conversion/)
• Base64란? — 인코딩 원리와 URL 인코딩 차이 (/guide/base64-encoding/)
• 할인율 계산법 — 할인가 공식과 이중 할인 (/guide/discount-calculation/)
• 학점(GPA) 계산법 — 공식과 4.5 ↔ 4.0 변환 (/guide/gpa-calculation/)
• 로또 1등 확률 — 등수별 확률표와 흔한 오해 (/guide/lotto-probability/)
• 시차 계산법 — 주요 도시 시차표와 서머타임 (/guide/timezone-difference/)
• 움짤(GIF) 만들기 — 만드는 법과 용량 팁 (/guide/make-gif/)
• 사진 속 글자 추출하기(OCR) — 인식률 높이는 법 (/guide/extract-text-from-image/)
• 띠 계산법과 별자리 날짜표 (/guide/zodiac-animal/)
• 사진 워터마크 넣는 법 — 위치·투명도 요령 (/guide/add-watermark/)
• JWT란? — 구조와 디코딩, 보안 주의점 (/guide/what-is-jwt/)
• 포모도로 공부법 — 25분 집중의 원리와 실천법 (/guide/pomodoro-technique/)

기술 스택

• 순수 정적 웹사이트 — HTML / CSS / JavaScript만 사용 (빌드 도구·프레임워크 없음)
• 호스팅 — GitHub Pages + 커스텀 도메인(dogubox.shop)
• 구조 — 각 도구는 /<슬러그>/index.html 독립 페이지, 루트 index.html은 도구를 모아 보여주는 허브
• 공통 스타일(tool-page.css)과 다크모드(theme.css, theme.js)를 모든 페이지가 공유

로컬 실행 방법

빌드 과정이 없으므로 정적 파일을 서빙하기만 하면 됩니다. 페이지가 절대경로(/tool-page.css 등)를 사용하므로 file://로 직접 열지 말고 로컬 서버를 띄워 주세요.

# 저장소 루트에서
python -m http.server 8000
# 또는
npx serve .

브라우저에서 http://localhost:8000/ (허브) 또는 http://localhost:8000/word-counter/ 처럼 개별 도구에 접속해 확인합니다.

라이선스 / 문의

• 문의: 사이트 내 문의 섹션
• 개인정보처리방침: https://dogubox.shop/privacy.html