DevToolz - 안전한 무료 온라인 개발자 도구 및 AI 유틸리티 모음
브라우저에서 100% 로컬로 동작하는 28개 이상의 무료 개발자 도구 모음. JSON 정렬기, JWT 디코더, 비밀번호 생성기, 정규식 테스터, LLM 프롬프트 엔지니어링 유틸리티를 서버 전송 없이 안전하게 사용하세요.
Developer Tools Directory
- JSON 포매터 & 정렬 검사기 - 무료 온라인 JSON 정렬: 한 줄로 압축된 복잡한 JSON 데이터를 읽기 쉽게 자동 정렬하고 문법 오류 위치를 즉시 찾아주는 무료 웹 도구입니다. 100% 브라우저 처리로 데이터 유출 걱정 없이 안전합니다.
- Base64 인코더 / 디코더 - 텍스트 및 이미지 Base64 변환기: 텍스트나 이미지를 Base64 문자열로 인코딩하고, Base64 데이터를 원래 텍스트로 안전하게 디코딩합니다. 한글 UTF-8 및 URL-Safe 옵션을 완벽 지원합니다.
- URL 인코더 / 디코더 - 퍼센트 인코딩 및 URL 디코딩 도구: URL에 포함된 한글, 공백, 특수문자를 RFC 3986 규격의 퍼센트 인코딩(%XX)으로 변환하거나, 인코딩된 복잡한 주소를 읽기 쉬운 원문으로 디코딩합니다.
- JSON to TypeScript 변환기 - TS 인터페이스 및 타입 자동 생성: 복잡한 JSON 데이터를 정밀 분석하여 타입 안전한 TypeScript 인터페이스 및 타입 정의 코드로 즉시 변환합니다. 중첩 객체 분리 및 배열 타입 자동 추론 지원.
- JSON 스키마 생성기 - JSON to JSON Schema 자동 생성: 샘플 JSON 데이터로부터 Draft-07 표준 규격의 JSON Schema를 자동 생성합니다. REST API 요청 유효성 검증(Ajv) 및 Swagger/OpenAPI 문서 작성에 필수적입니다.
- JWT 디코더 - JSON Web Token 디코딩 및 클레임 분석기: 브라우저에서 JSON Web Token(JWT)의 Header와 Payload를 안전하게 디코딩합니다. 토큰 만료 시간(exp), 발급자(iss), 사용자 권한 클레임을 서버 전송 없이 즉시 확인하세요.
- 비밀번호 생성기 - 안전하고 강력한 무작위 비밀번호 생성: 영문 대소문자, 숫자, 특수문자 조합 및 헷갈리는 문자 제외 옵션을 지원하는 고보안 무작위 비밀번호 생성기입니다. Web Crypto API 기반의 암호학적 난수를 사용합니다.
- 해시 생성기 - MD5, SHA-1, SHA-256, SHA-512 암호화 해시 계산: 텍스트나 파일에 대한 MD5, SHA-1, SHA-256, SHA-512 단방향 암호화 해시를 실시간 계산합니다. 파일 무결성 체크섬 확인 및 데이터 핑거프린트 도출에 필수적인 도구입니다.
- UUID 생성기 - v4 고유 식별자 대량 생성 도구: 암호학적 난수 기반의 RFC 4122 v4 UUID(GUID)를 실시간 생성합니다. 대량 생성(최대 100개), 하이픈 제거, 대소문자 변환 및 JSON 내보내기를 지원합니다.
- Diff 체커 - 텍스트 및 코드 차이점 비교 도구: 두 개의 텍스트나 소스 코드, 환경설정 파일의 차이점을 나란히(Side-by-side) 또는 한 줄(Inline)로 시각화하여 변경 내역을 빠르고 정밀하게 검출합니다.
- 정규식 테스터 - 정규표현식 실시간 테스트 및 캡처 그룹 디버거: 정규표현식(Regex)을 실시간으로 테스트하고 매칭된 텍스트와 캡처 그룹을 즉시 시각화합니다. 이메일, 전화번호 등 자주 쓰는 정규식 치트시트 제공.
- Unix 타임스탬프 변환기 - Epoch 초/밀리초 날짜 변환: 초 및 밀리초 단위의 Unix 타임스탬프(Epoch Time)를 현지 시각(KST) 및 표준시(UTC)로 상호 변환합니다. 백엔드 DB 시간 및 로그 타임스탬프 분석에 최적화되었습니다.
- 텍스트 분석기 - 글자수, 단어수, 바이트(Byte) 및 읽기 시간 계산: 공백 포함/제외 글자수, 단어수, 줄(Line)수, UTF-8 바이트 크기, 예상 읽기 시간 및 키워드 출현 빈도를 실시간 분석합니다. 블로그 원고, 자소서 및 DB 컬럼 길이 검증에 필수적입니다.
- 마크다운 에디터 - 실시간 미리보기 & HTML 변환기: GitHub Flavored Markdown(GFM) 규격을 완벽 지원하는 실시간 분할 화면 마크다운 에디터입니다. 표, 체크리스트, 코드 블록을 즉시 렌더링하고 HTML로 변환합니다.
- 색상 변환기 - HEX, RGB, HSL, CMYK 상호 변환 및 팔레트: HEX(#000000), RGB, HSL, CMYK 색상 코드를 실시간으로 상호 변환합니다. 웹 접근성(WCAG) 명도 대비비 검사 및 CSS 색상 코드 즉시 복사 지원.
- QR 코드 생성기 - 고해상도 맞춤형 QR 코드 생성 및 다운로드: 웹사이트 URL, Wi-Fi 접속, 텍스트, 명함 정보를 담은 고해상도 QR 코드를 생성합니다. 색상 커스텀, 오류 복원율(ECC) 설정, PNG/SVG 다운로드를 지원합니다.
- 이미지 압축기 - 무손실 웹 이미지 용량 최적화 도구: 웹 업로드용 JPEG, PNG, WebP 이미지 용량을 화질 저하 없이 최대 80% 압축합니다. 모든 처리가 브라우저 로컬에서 이루어져 개인 사진 유출 위험이 없습니다.
- LLM 토큰 계산기 - GPT-4o, Claude, Gemini 실시간 토큰 및 API 비용 계산: OpenAI GPT-4o, Anthropic Claude 3.5 Sonnet, Google Gemini 1.5 등 주요 거대언어모델(LLM)의 토큰 수와 예상 API 호출 비용을 실시간 정밀 계산합니다.
- LLM 컨텍스트 최적화기 - 코드베이스 및 다중 파일 프롬프트 패키징: 여러 개의 소스 코드 파일과 프로젝트 디렉토리 구조를 토큰 효율적인 단일 마크다운 프롬프트로 깔끔하게 정리하고 패키징합니다.
- 프롬프트 래퍼 - XML 태그 및 역할 기반 프롬프트 구조화 도구: 단순 텍스트 지시문을 Anthropic Claude 및 OpenAI 표준 모범 사례인 고성능 XML 태그(, , ) 구조로 자동 감싸줍니다.
- RAG 청킹 시뮬레이터 - 벡터 임베딩 텍스트 분할 및 오버랩 시각화: 검색 증강 생성(RAG) 파이프라인의 벡터 임베딩 품질을 좌우하는 텍스트 청크 분할 및 오버랩(Overlap) 경계를 실시간 인터랙티브 시각화합니다.
- 시스템 프롬프트 생성기 - 실무용 고성능 AI 시스템 프롬프트 빌더: 명확한 페르소나, 어조 가이드, JSON 스키마 강제 출력 규칙, 환각 방지 및 금지어(Negative Constraints)를 탑재한 엔터프라이즈급 시스템 프롬프트를 원클릭 생성합니다.
- 프롬프트 변수 주입기 - 동적 템플릿 변수 치환 및 대량 생성: 프롬프트 템플릿 내의 {{이름}}, {{데이터}} 등 중괄호 변수를 실시간 치환하고 여러 데이터셋을 결합하여 맞춤형 프롬프트를 대량 생성합니다.
- 프롬프트 토큰 분할기 - LLM 컨텍스트 한도 맞춤형 텍스트 분할: 초대형 문서, 로그 파일, 거대 소스코드를 LLM 컨텍스트 한도에 맞게 안전한 순차 프롬프트(Part 1 of N)로 자동 분할하고 연속성 헤더를 부여합니다.
- LLM 파라미터 시뮬레이터 - Temperature, Top-P, Penalty 원리 시각화: 거대언어모델의 핵심 생성 파라미터인 Temperature(온도), Top-P, Top-K, 빈도/존재 페널티가 토큰 확률 분포에 미치는 영향을 직관적인 인터랙티브 차트로 시각화합니다.
- XML 가드레일 생성기 - 환각 방지 및 AI 안전 규칙 빌더: 기업용 AI 배포 시 필수적인 환각(Hallucination) 방지 규칙, 거절 트리거(Refusal Criteria), 탈옥 차단 가드레일을 표준화된 XML 컨테이너로 손쉽게 생성합니다.
- Few-Shot 예시 빌더 - 입출력 예시 쌍(Input/Output) 구조화 도구: LLM의 답변 정확도와 포맷 준수율을 획기적으로 끌어올리는 Few-Shot 예시 쌍(입력과 기대 출력)을 직관적으로 작성하고 XML 표준 서식으로 패키징합니다.
- Function Calling 빌더 - OpenAI 및 Anthropic Tool 스키마 생성기: 함수 이름, 상세 설명, 매개변수(Parameter) 타입을 시각적으로 설계하여 OpenAI, Claude, Gemini API에서 즉시 호출 가능한 표준 Function Calling / Tools 스키마 코드를 자동 생성합니다.
Technical Engineering Blog