>_

DevToolbox

데이터를 정리하고, 문자열을 인코딩하고, 테스트 값을 만들고, 웹 관련 입력을 확인하는 개발자 도구 모음입니다. 개발 중 짧게 확인해야 하는 작업을 계정 가입이나 설치 없이 브라우저에서 바로 처리하도록 만들었습니다.

여기서 할 수 있는 일

JSON이나 XML 정리, 쿼리스트링 변환, UUID와 비밀번호 생성, HTTP 상태 코드 확인, User-Agent 분석, 업로드 테스트용 더미 파일 만들기처럼 개발 중 자주 필요한 작업을 한곳에서 처리할 수 있습니다. 각 도구는 입력 영역과 출력 영역, 그리고 설명 문서를 갖춘 독립된 페이지로 동작합니다.

개인정보와 처리 방식

대부분의 변환은 브라우저에서 직접 이루어집니다. 사용자 데이터를 저장하는 데이터베이스가 없으며, 비밀번호나 UUID, 포맷된 결과, 더미 텍스트처럼 생성된 값은 현재 세션 안에만 남습니다. 다만 공용 PC나 확장 프로그램이 많은 환경에서는 운영 환경의 비밀 값을 붙여 넣지 않는 것이 안전합니다.

도구 분류

🔐

Encoding

Encoding 관련 도구 7개

  • Base64 인코딩 디코딩 텍스트를 Base64로 인코딩하거나 Base64 문자열을 UTF-8 텍스트로 디코딩합니다. 한글 등 멀티바이트 문자와 URL-safe 변형을 지원합니다.
  • URL 인코딩 디코딩 URL에 넣을 수 없는 공백, 한글, 특수문자를 percent-encoding으로 변환하거나 원래 문자열로 되돌립니다.
  • HTML 엔티티 변환 HTML 특수문자를 엔티티로 escape 하거나 엔티티 문자열을 원래 문자로 되돌립니다. XSS 방지 확인에 사용합니다.
  • 디코드 판별기 정체를 알 수 없는 문자열이 Base64, URL 인코딩, 해시, JWT, Hex, HTML 엔티티 중 무엇에 가까운지 추정합니다.
  • JWT 인코딩 디코딩 JWT의 header와 payload를 디코딩해 claim을 확인하거나, 브라우저에서 HMAC 서명 토큰을 생성합니다.
  • Base32 인코딩 디코딩 텍스트를 RFC 4648 Base32로 인코딩하거나 Base32 문자열을 원래 텍스트로 디코딩합니다.
  • ROT13 / 시저 암호 알파벳을 지정한 칸 수만큼 밀어 변환합니다. ROT13은 같은 연산을 두 번 적용하면 원래대로 돌아옵니다.
#️⃣

Hashing

Hashing 관련 도구 5개

  • MD5 해시 입력 문자열의 MD5 해시 값(32자 16진수)을 계산합니다. 체크섬 용도로만 사용하고 보안 목적에는 사용하지 마십시오.
  • SHA 해시 SHA-1, SHA-256, SHA-384, SHA-512 해시 값을 브라우저에서 한 번에 계산합니다.
  • HMAC 생성기 비밀 키와 메시지로 HMAC-SHA256, SHA-512, SHA-1, MD5 서명 값을 생성합니다. 웹훅 검증과 API 서명에 사용합니다.
  • CRC32 체크섬 텍스트의 CRC-32 체크섬을 16진수와 10진수로 계산합니다. 전송 오류 확인과 중복 판별에 사용합니다.
  • 파일 해시 계산기 로컬 파일의 MD5, SHA-1, SHA-256 해시를 브라우저에서 계산합니다. 파일은 업로드되지 않습니다.
📋

Format

Format 관련 도구 6개

  • JSON 정리 JSON을 들여쓰기로 정렬하거나 한 줄로 압축하고, 문법 오류의 위치를 찾아 알려줍니다.
  • XML 정리 XML 문서를 들여쓰기로 정렬하거나 압축하고, well-formed 여부를 검사합니다.
  • SQL 정리 SQL 쿼리에 줄바꿈과 들여쓰기를 적용해 SELECT, JOIN, WHERE 구조를 읽기 쉽게 정리합니다.
  • YAML JSON 변환 YAML 설정을 JSON으로, JSON을 YAML로 변환합니다. 들여쓰기 폭을 조절할 수 있습니다.
  • CSS 정리 / 압축 CSS에 들여쓰기를 적용해 읽기 쉽게 만들거나, 주석과 공백을 제거해 용량을 줄입니다.
  • HTML 정리 / 압축 HTML을 블록 구조에 맞춰 들여쓰기하거나 압축합니다. pre와 script 내용은 그대로 보존합니다.
🔄

Convert

Convert 관련 도구 9개

  • PHP Serialize 변환 JSON과 PHP serialize() 형식을 서로 변환합니다. 세션이나 DB에 저장된 직렬화 문자열을 확인할 때 사용합니다.
  • Unix Timestamp 변환 Unix 타임스탬프(초/밀리초)와 사람이 읽는 날짜를 서로 변환합니다. 타임존별 시각도 함께 확인합니다.
  • Cron 표현식 분석 다섯 자리 cron 표현식을 해석해 각 필드의 의미와 앞으로의 실행 시각을 보여줍니다.
  • 데이터 용량 변환 Byte, KB, MB, GB, TB 단위를 서로 변환합니다. 1024 기준과 1000 기준의 차이도 확인할 수 있습니다.
  • Query String JSON 변환 URL 쿼리스트링을 JSON 객체로, JSON 객체를 쿼리스트링으로 변환합니다.
  • CSV JSON 변환 헤더 행이 있는 CSV를 JSON 배열로, JSON 배열을 CSV로 변환합니다.
  • 진법 변환기 2진수, 8진수, 10진수, 16진수를 비롯해 2~36진법 사이의 값을 서로 변환합니다.
  • 타임존 변환기 한 시각을 세계 주요 도시의 현지 시각으로 한 번에 변환하고 UTC 오프셋과 Unix 타임스탬프를 함께 보여줍니다.
  • 로마 숫자 변환기 아라비아 숫자를 로마 숫자로, 로마 숫자를 아라비아 숫자로 변환합니다. 1부터 3999까지 지원합니다.
🔤

String

String 관련 도구 15개

  • Case Converter 텍스트를 camelCase, snake_case, kebab-case, PascalCase, CONSTANT_CASE 등으로 한 번에 변환합니다.
  • String Inspector 문자열의 길이, 바이트 수, 줄 수, 문자 종류 구성, 공백과 제어문자 포함 여부를 한 번에 분석합니다.
  • 글자 수 세기 공백 포함/제외 글자 수, 단어 수, 줄 수, 바이트 수를 입력하는 즉시 계산합니다.
  • 텍스트 / IP 정렬기 줄 단위로 텍스트를 정렬합니다. 알파벳순, 숫자순, IPv4 주소순 정렬과 중복 제거를 지원합니다.
  • 특수 문자 · 기호 화살표, 수학 기호, 통화 기호, 괄호 등 자주 쓰는 유니코드 문자를 모아 두었습니다. 클릭하면 복사됩니다.
  • UUID 생성기 브라우저의 암호학적 난수 생성기로 UUID v4 식별자를 원하는 개수만큼 만듭니다.
  • 비밀번호 생성기 길이와 문자 조합을 지정해 브라우저에서 안전한 무작위 비밀번호를 여러 개 생성합니다.
  • 정규식 테스트 정규식 패턴을 샘플 텍스트에 적용해 매칭 결과와 캡처 그룹을 확인합니다.
  • Diff 비교 두 텍스트를 줄 단위로 비교해 추가된 줄과 삭제된 줄을 표시합니다.
  • 색상 변환 HEX, RGB, HSL 색상 표기를 서로 변환하고 결과를 미리보기 색상으로 확인합니다.
  • 슬러그 생성기 제목이나 문장을 URL에 넣을 수 있는 슬러그로 변환합니다. 구분자, 대소문자, 비 ASCII 처리 방식을 선택할 수 있습니다.
  • 중복 줄 제거 줄 단위로 중복을 제거합니다. 처음 것만 남기기, 마지막 것만 남기기, 고유한 줄만, 중복된 줄만 보기를 지원합니다.
  • 공백 · 줄바꿈 정리 줄 앞뒤 공백 제거, 연속 공백 축소, 빈 줄 제거, 탭 변환, 줄바꿈 제거를 조합해 텍스트를 정리합니다.
  • 단어 빈도 분석 텍스트에서 각 단어나 문자가 몇 번 등장하는지 세어 많이 나온 순으로 정렬합니다.
  • Nano ID / ULID 생성기 짧은 Nano ID 문자열이나 시간 순으로 정렬 가능한 ULID 식별자를 브라우저에서 생성합니다.
🌐

Web

Web 관련 도구 10개

  • 도메인 퓨니코드 한글 등 유니코드 도메인을 Punycode(xn--)로 변환하거나 원래 도메인으로 되돌립니다.
  • User Agent 확인 현재 브라우저의 User-Agent 문자열을 분석하거나, 직접 입력한 UA에서 브라우저와 운영체제 정보를 추출합니다.
  • HTTP 상태 코드 HTTP 상태 코드의 의미와 분류를 찾아봅니다. 자주 마주치는 오류 코드의 원인도 함께 정리했습니다.
  • MIME 타입 조회 파일 확장자로 MIME 타입을 찾거나 MIME 타입에 해당하는 확장자를 확인합니다.
  • CIDR 서브넷 계산기 CIDR 표기에서 네트워크 주소, 브로드캐스트, 사용 가능한 호스트 범위와 개수를 계산합니다.
  • URL 파서 URL을 프로토콜, 호스트, 포트, 경로, 쿼리 파라미터, 프래그먼트로 분해해 보여줍니다.
  • 메타 / OG 태그 생성기 제목, 설명, 이미지로 meta, Open Graph, Twitter 카드 태그를 만들고 길이 초과를 경고합니다.
  • robots.txt 생성기 allow, disallow 규칙과 crawl-delay, sitemap 위치를 조합해 robots.txt를 만듭니다.
  • .gitignore 생성기 언어, 프레임워크, 운영체제, 편집기 프리셋을 조합해 .gitignore 파일을 만듭니다.
  • 마크다운 표 생성기 탭이나 쉼표로 구분된 데이터를 정렬된 마크다운 표로 변환합니다.

Dummy

Dummy 관련 도구 6개

  • Dummy Image 원하는 크기, 배경색, 텍스트로 PNG 더미 이미지를 만들어 바로 내려받습니다.
  • Dummy PDF 지정한 페이지 수만큼 간단한 더미 PDF 파일을 생성합니다.
  • Dummy Text 문단, 문장, 단어 단위로 분량을 지정해 로렘 입숨 더미 텍스트를 생성합니다.
  • 가짜 JSON 데이터 생성기 필드와 타입을 지정하면 목데이터를 원하는 개수만큼 JSON, NDJSON, CSV로 만들어 줍니다.
  • 난수 생성기 지정한 범위에서 난수를 생성합니다. 중복 허용 여부와 정렬, 구분자를 선택할 수 있습니다.
  • 주사위 · 동전 던지기 원하는 면 수의 주사위를 여러 개 굴리거나 동전을 던지고, 누적 분포를 함께 확인합니다.
🖼

Image

Image 관련 도구 4개

  • 이미지 Base64 변환 이미지를 Base64 data URI로 변환하거나, Base64 문자열을 이미지로 미리 보고 저장합니다.
  • 이미지 리사이저 이미지 크기를 브라우저에서 조절하고 PNG, JPEG, WebP로 저장합니다. 비율 유지를 지원합니다.
  • 이미지 포맷 변환기 PNG, JPEG, WebP 사이에서 이미지 포맷을 변환하고 품질과 파일 크기를 비교합니다.
  • 파비콘 생성기 이미지 하나로 브라우저 탭, 모바일 홈 화면, PWA에 필요한 파비콘 크기 세트를 만듭니다.

도구 페이지 보는 법

모든 도구 페이지는 짧은 설명과 실제로 동작하는 입력·출력 영역, 그리고 하단의 상세 문서로 구성됩니다. 문서에는 그 도구가 하는 일, 언제 쓰는지, 입력과 출력 예시, 실무에서 주의할 점이 정리되어 있어 값을 입력하기 전에도 참고 자료로 쓸 수 있습니다.

Copied