개발자용 무료 도구 — JSON, 정규식, 해시, Favicon 팩, 브라우저 내 | ToolKoala

개발자 툴킷

"저는 개발자입니다. 이것들은 제가 고정 탭에 열어 두는 유틸리티 — Favicon, JSON, 정규식, 해시, 인코더. CLI 설치 없음, 가입 없음, 텔레메트리 없음. — Milo 🐨"

이 도구들 대부분은 매일 필요하지 않습니다. 하지만 문자열의 SHA-256이 필요한 날, 끊기지 않는 정규식 테스터가 필요한 날, SVG 하나로 17가지 favicon 사이즈를 뽑아야 하는 날 — 정말로 필요합니다. 이 페이지는 큐레이션된 개발자 유틸리티 선반입니다. 모든 것이 브라우저에서 로컬로 실행됩니다; 어떤 것도 집으로 전화하지 않습니다; 속도 제한 없음.

가장 많이 쓰게 될 3가지 도구

JSON 포매터 / 검증기 — 붙여넣기, 포맷, 검증, 압축. 깊게 중첩된 구조를 처리하고 깨진 JSON에 합리적인 에러 메시지. 터미널 파이프를 신뢰할 수 없을 때 API 디버깅에 사용.
정규식 테스터 — 라이브 하이라이팅, 캡처 그룹, 매치 수. ECMAScript 플레이버 정규식 테스트(당신의 JavaScript와 동일한 엔진). 빠른 replace 미리보기 포함.
Favicon 생성기 — 소스 이미지 한 장 → 필요한 모든 사이즈(16, 32, 48, 64, 128, 256, 512, Apple Touch용 180, 그리고 manifest.json). 하나의 ZIP을 public/ 폴더에 드롭하면 끝.

실제 워크플로우: 새 앱의 favicon 세트 만들기

흔한 시나리오: 디자인이 SVG 로고 하나를 줍니다. 웹 앱, iOS 설치 배너, Android manifest, Apple Touch용 완전한 favicon 세트가 필요합니다. 5분 경로:

SVG에서 시작: SVG to PNG를 열고 투명 배경으로 512×512 래스터화. 마스터 PNG로 저장.
세트 생성: 마스터를 Favicon 생성기에 드롭. 완전한 팩(favicon.ico, .png 변형, Apple Touch, manifest.json)을 단일 ZIP으로 받음.
public/에 압축 해제: 프로젝트에 복사 붙여넣기; manifest.json에는 <head>에 바로 넣을 수 있는 표준 link 태그 포함.
크로스 플랫폼 검증: Safari(Apple Touch Icon), Android Chrome(manifest), 일반 브라우저 탭(.ico 폴백)에서 테스트.

5분. CLI 없음. npm install 없음. "3번 무료" SaaS 게이트 없음.

완전한 개발자 툴킷(사용 사례별)

🧪 데이터 검사 & 변환

JSON 포매터 — 포맷, 압축, 검증
CSV ↔ JSON — 형식 변환, 타입 보존
YAML ↔ JSON — 양방향 무손실 변환
Markdown ↔ HTML — 빠른 렌더링 또는 추출
텍스트 Diff — 하이라이팅이 있는 나란히 비교

🔐 인코딩 & 해싱

해시 생성기 — MD5, SHA-1, SHA-256, SHA-512 브라우저에서
URL 인코더 / 디코더 — URL 및 쿼리 문자열의 percent-encoding
이미지 → Base64 — CSS/HTML에 이미지를 인라인하는 데이터 URL
타임스탬프 변환기 — Unix ↔ ISO 8601, 여러 시간대

🎨 자산 준비

Favicon 생성기 — 소스 이미지 하나로 완전한 favicon 팩
SVG → PNG — 모든 해상도에서 투명 배경으로 래스터화
이미지 변환 — HEIC, WebP, PNG, JPG 상호 변환
이미지 압축 — 앱/웹 배포용 자산 압축
QR 생성기 — URL, WiFi, 연락처 카드; SVG 및 PNG 출력

🧪 빠른 유틸리티

정규식 테스터 — ECMAScript 플레이버, 라이브 캡처 그룹
컬러 변환기 — HEX ↔ RGB ↔ HSL ↔ 이름이 있는 컬러
컬러 피커(이미지에서) — 스크린샷에서 정확한 hex 추출
단위 변환기 — 바이트, 시간, 거리, 온도
단어 / 문자 카운터 — LLM 토큰 예산에 유용
케이스 변환기 — camelCase ↔ snake_case ↔ kebab-case

"CLI 대신 브라우저 도구를 쓰는 이유?"

솔직한 답변: 일회성 작업에서는 10줄 Python 스크립트를 쓰고 싶지 않습니다. 3초 답변을 원합니다. 토큰의 SHA-256, 정규식 체크, 빠른 favicon 세트 — 설치 없음, requirements.txt 없음, 권한 대화 상자 없는 브라우저 도구가 터미널보다 빠릅니다.

다른 경우: 소프트웨어를 설치할 수 없는 머신에서 — 빌린 노트북, 제한된 회사 워크스테이션, 공용 코워킹 공간 컴퓨터 — 작동합니다. 평소 도구 상자가 없을 때 정확히 유용합니다.

나머지 모든 것(배치 작업, 스크립팅, CI/CD)은 CLI에 머무세요. 이 도구들은 터미널을 보완하며, 대체하지 않습니다.

자주 묻는 질문

이 도구들은 정확한가요? 버그 있는 해시 함수는 안 됩니다.

암호화 함수(MD5, SHA 계열)는 브라우저의 네이티브 SubtleCrypto API를 사용합니다 — Chrome이 HTTPS에 사용하는 것과 동일한 구현. 정규식은 V8 정규식 엔진 사용(Node.js와 동일). JSON 파싱은 네이티브 JSON.parse. 당신의 브라우저가 옳다면 이것들도 옳습니다.

제 소스 코드나 데이터가 어딘가로 유출되나요?

아니요. 도구는 브라우저 탭에서 실행됩니다. 처리는 CPU에서 로컬로 발생합니다. DevTools → Network에서 검증 가능합니다: 파일을 드롭하거나 텍스트를 붙여넣고 네트워크 패널을 보세요 — 당신의 데이터가 포함된 송신 요청은 없습니다.

스크립트나 CI에서 사용할 수 있나요?

이 도구들은 인터랙티브(브라우저 기반)입니다. 스크립팅과 CI에는 적절한 CLI 도구를 사용하세요 — 그것들이 그런 모양에 맞습니다. 브라우저 도구는 "지금 이 탭에서 이 답이 필요해" 사용 사례에 맞습니다.

X에 대한 도구가 없는 이유?

알려주세요. [email protected]. 로드맵은 독자가 강하게 주도합니다; JWT 디코더, YAML 린터, UUID 생성기 또는 다른 개발자 유틸리티를 요청하면 빠른 트랙으로 갑니다. 제약은 "브라우저에서 실행되어야 함" — 서버 컴퓨팅(LLM 추론, 큰 컴파일)이 필요한 것은 맞지 않습니다.

출력 패널에 다크/라이트 테마가 없는 이유?

있습니다 — 우상단 토글. 설정은 방문 사이에 유지됩니다. 사이트는 기본적으로 시스템의 prefers-color-scheme를 따릅니다.

이 페이지를 고정하세요. 실제로 사용할 개발자 선반.

또는 정규식 테스터 → · JSON 포매터 →

— Milo 🐨 · [email protected]