🛠️ToolsShed
💻

개발자 도구

JSON, Base64, UUID, 해시 생성 등 개발에 필요한 도구.

{ }

JSON Formatter & Validator

JSON 데이터 포맷, 검증, 정리.

🔑

UUID Generator

애플리케이션에서 사용할 랜덤 UUID(v4) 생성.

64

Base64 Encoder / Decoder

텍스트나 파일을 Base64로 인코딩하고 Base64 문자열을 디코딩.

🔗

URL Encoder / Decoder

URL과 쿼리 파라미터를 인코딩하고 디코딩.

#

Hash Generator

MD5, SHA-256, SHA-512 암호 해시 생성.

JWT

JWT Decoder

서명 검증 없이 JWT 페이로드를 디코딩하고 확인.

🎨

Color Converter

HEX, RGB, HSL 형식 간 색상을 즉시 변환.

01

Number Base Converter

2진수, 8진수, 10진수, 16진수 간 숫자 변환.

.*

RegEx Tester

실시간 매치 하이라이팅으로 정규 표현식을 테스트하고 디버그.

CSV

CSV ↔ JSON 변환기

CSV 데이터를 JSON으로 변환하고 JSON 배열을 CSV 형식으로 변환.

±

Diff Checker

두 텍스트를 비교하고 줄 단위로 차이점을 하이라이트.

Lorem Ipsum 생성기

디자인 및 개발용 Lorem Ipsum 플레이스홀더 텍스트를 생성.

</>

HTML 인코더 / 디코더

특수 문자를 HTML 엔티티로 인코딩하고 다시 디코딩.

YAML ↔ JSON 변환기

YAML과 JSON 형식을 즉시 상호 변환.

Cron 표현식 파서

Cron 표현식을 분석하고 다음 실행 시각을 표시합니다.

TS

JSON → TypeScript 변환

JSON 객체에서 TypeScript 인터페이스를 자동 생성합니다.

SQL

SQL 포맷터

SQL 쿼리를 보기 좋게 정렬하고 정리합니다.

\n

문자열 이스케이프 / 언이스케이프

JSON, JavaScript, HTML용 문자열을 이스케이프하거나 되돌립니다.

🖼️

파비콘 생성기

텍스트, 이모지, 이니셜로 웹사이트용 favicon PNG 파일을 생성합니다.

🌐

HTTP 상태 코드 레퍼런스

설명, 사용 사례, 예시와 함께 HTTP 상태 코드를 조회합니다.

📋

마크다운 테이블 생성기

시각적으로 마크다운 테이블을 만들고 즉시 복사할 수 있습니다.

🖼

이미지 Base64 변환

이미지를 Base64 Data URL로 변환하여 HTML이나 CSS에 직접 삽입합니다.

📐

CSS 단위 변환기

반응형 웹 디자인을 위해 px, em, rem, vw, vh, pt, cm을 변환합니다.

🔐

Chmod 계산기

Unix 파일 권한을 계산합니다. 8진수와 기호(rwx) 표기 간 변환.

123

숫자를 영어로

숫자를 영어 단어로 변환합니다 (예: 1234 → one thousand two hundred thirty-four).

🎨

색상 팔레트 생성기

기본 색상에서 보색, 유사색, 삼각 배색 등의 팔레트를 생성합니다.

QR 코드 생성기

텍스트나 URL에서 QR 코드를 즉시 생성합니다.

화면 비율 계산기

화면 비율을 계산하고 비율을 유지하면서 치수를 조정합니다.

🌈

CSS 그라디언트 생성기

비주얼 에디터로 아름다운 CSS 선형 및 방사형 그라디언트를 만듭니다.

·−

모스 부호 변환기

텍스트를 모스 부호로 변환하고 모스 부호를 텍스트로 다시 디코딩합니다.

🌐

IP 서브넷 계산기

CIDR 블록에 대한 서브넷 마스크, 네트워크 주소, 브로드캐스트, 호스트 범위를 계산합니다.

A▓

ASCII 아트 생성기

텍스트를 FIGlet 스타일의 블록 문자 폰트로 ASCII 아트로 변환합니다.

XML

XML 포매터

XML을 정형화·검증·최소화합니다.

JWT

JWT 생성기

HS256 서명이 포함된 JWT 토큰을 생성합니다.

🔐

암호 도구

시저, ROT13, 비제네르 암호로 텍스트를 암호화·복호화합니다.

📄

MIME Type Lookup

Look up MIME types by file extension or find extensions for a given MIME type.

👁️

색맹 시뮬레이터

색각 이상을 가진 사람들이 보는 방식을 미리 봅니다.

⚖️

JSON 비교 도구

두 JSON 객체를 비교하고 추가, 삭제, 변경된 키를 강조 표시합니다.

🔢

숫자 포맷터

숫자를 통화, 백분율, 지수 표기법 또는 사용자 정의 구분 기호로 형식화합니다.

MD

Markdown to HTML

Markdown 소스를 HTML 코드로 변환하여 프로젝트에 붙여넣기.

CSS

CSS 압축 / 정렬

CSS를 압축하여 파일 크기를 줄이거나, 압축된 CSS를 정렬하여 가독성 향상.

🎨

색상 이름 검색

HEX 또는 RGB 색상 값에 가장 가까운 CSS 색상 이름 검색.

🔍

색상 대비 검사기

텍스트와 배경색의 WCAG 2.1 색상 대비 비율 검사 (AA/AAA 준수).

🔗

URL / URI 파서

URL을 프로토콜·호스트·경로·쿼리·해시로 분해.

🔐

JWT 만료 확인기

JWT 토큰 디코딩 및 만료·시간 클레임 확인.

📋

HTTP 헤더 분석기

HTTP 헤더를 붙여넣으면 각 헤더의 상세 설명을 제공.

🖼️

SVG 최적화 도구

주석·메타데이터·공백 제거로 SVG 코드를 경량화.

🌑

CSS 박스 섀도우 생성기

다중 레이어 CSS box-shadow 효과를 시각적으로 만들고 CSS 코드를 복사하세요.

CSS 테두리 반경 생성기

모서리별 border-radius를 개별 조정하고 CSS 코드를 바로 복사하세요.

🔄

HTML을 Markdown으로 변환

HTML 코드나 서식 있는 텍스트를 깔끔한 Markdown 문법으로 변환합니다.

JSON 스키마 유효성 검사기

JSON 문서를 JSON Schema(Draft 7)에 대해 검증하고 상세한 오류 메시지를 확인하세요.

🙈

.gitignore 생성기

언어·프레임워크별 .gitignore 파일을 생성합니다.

🏷️

메타 태그 생성기

HTML 메타, Open Graph, Twitter Card 태그를 생성합니다.

🎯

CSS 명시도 계산기

CSS 선택자의 명시도를 계산하고 비교합니다.

🌐

OG 미리보기

SNS 공유 시 페이지가 어떻게 보이는지 미리보기

🐳

Docker Compose 생성기

서비스/포트/볼륨을 설정하여 Docker Compose YAML 생성

⚙️

Nginx 설정 생성기

정적 사이트, 리버스 프록시, SSL용 Nginx 설정 생성

🔍

JSONPath Tester

Test JSONPath expressions against JSON data.

🔷

TypeScript Type Stripper

Strip TypeScript type annotations to get clean JavaScript.

⚙️

.env File Parser

Parse, validate, and format .env files.

🔢

Semver 계산기

시맨틱 버전을 비교하고 버전이 범위를 만족하는지 확인합니다(^, ~, >= 등).

🎬

CSS 애니메이션 생성기

CSS @keyframes 애니메이션을 시각적으로 구성하고 코드를 복사합니다.

TOML

TOML ↔ JSON 변환기

TOML과 JSON 형식을 상호 변환하고 TOML 구문을 검증합니다.

XML

XML → JSON 변환기

XML 문서를 JSON 형식으로 즉시 변환합니다.

HTML

HTML 압축기

HTML에서 공백, 주석, 선택적 태그를 제거하여 파일 크기를 줄입니다.

JS

JavaScript 압축기

주석과 여분의 공백을 제거하여 JavaScript를 압축합니다.

TOC

마크다운 목차 생성기

마크다운 제목에서 앵커 링크가 있는 목차를 생성합니다.

GIT

Git 커밋 메시지 생성기

타입, 스코프, 설명이 포함된 Conventional Commits 형식 메시지를 생성합니다.

JSON → CSV 변환기

JSON 배열을 스프레드시트용 CSV 형식으로 변환합니다.

HTML 유효성 검사기

HTML 코드를 검사하고 오류, 경고, 모범 사례를 확인합니다.

🎨

색상 혼합기

두 색상을 혼합하고 RGB, HEX, HSL 결과를 확인합니다.

CSS 그라디언트 분석기

CSS 그라디언트 코드를 파싱하고 시각화합니다. 색상과 정지점을 추출합니다.

🔤

Base58 인코더 / 디코더

Base58로 텍스트를 인코딩하거나 Base58 문자열을 디코딩합니다. 비트코인 주소 및 IPFS CID에 사용됩니다.

✂️

CSS Clip-Path 생성기

실시간 미리보기로 CSS clip-path 도형을 시각적으로 만듭니다. polygon, circle, ellipse 등 다양한 모양을 생성합니다.

🎨

CSS 필터 생성기

blur, brightness, contrast 등 CSS 필터 효과를 실시간 미리보기로 조정하고 CSS를 복사합니다.

🗄️

CSV → SQL INSERT 생성기

CSV 데이터를 SQL INSERT 문으로 변환합니다. 자동 감지 컬럼 타입으로 CREATE TABLE DDL도 생성합니다.

🔄

SQL 결과 → JSON 변환기

SQL 쿼리 결과(MySQL/PostgreSQL CLI 출력)를 JSON으로 변환합니다. 탭 및 파이프 구분 형식을 지원합니다.

🏗️

Makefile 생성기

C, C++, Python, Go, Rust, Node.js, Java 프로젝트용 Makefile을 커스터마이즈 가능한 타겟과 함께 생성합니다.

🖼️

SVG to CSS 변환기

SVG 코드를 CSS background-image 데이터 URI로 변환합니다. URL 인코딩 및 Base64 형식을 지원합니다.

🎨

CSS 변수 생성기

시각적 편집기로 CSS 커스텀 속성(변수)을 만드세요. 컬러 피커와 프리셋으로 :root 블록을 생성합니다.

📊

CSV to HTML 테이블 생성기

라이브 미리보기로 CSV 데이터를 HTML 테이블로 변환합니다. 스타일링, 헤더, CSS 클래스 옵션이 있습니다.

코드 미화기

JavaScript, HTML, CSS 코드를 적절한 들여쓰기로 정리하고 포맷합니다. 압축된 코드를 정리합니다.

⚛️

HTML to JSX

Convert HTML markup to JSX syntax for React. Transforms attributes, inline styles, and void elements automatically.

📐

CSS Flexbox Generator

Visually generate CSS flexbox layouts with live preview. Configure flex-direction, wrap, justify-content, align-items, and gap.

🔲

CSS Grid 생성기

CSS Grid 레이아웃을 시각적으로 구성하고 CSS 코드를 복사하세요.

🔐

HTTP Basic Auth Encoder

Encode and decode HTTP Basic Authentication credentials. Generate the Authorization header value from username and password.

GraphQL Query Formatter

Format and beautify GraphQL queries, mutations, subscriptions, and fragments with proper indentation.

🌟

CSS 텍스트 섀도우 생성기

실시간 미리보기와 복사 가능한 코드로 CSS 텍스트 섀도우 효과를 생성합니다.

📋

HTML 테이블 생성기

커스텀 행, 열, 스타일 옵션으로 HTML 테이블 마크업을 생성합니다.

🗄️

SQL INSERT 생성기

표 형식 데이터 입력으로 SQL INSERT 문을 생성합니다.

📱

Web App Manifest Generator

Generate a PWA web app manifest.json with all required fields.

🎨

색상 구성표 생성기

기본 색상에서 보색, 삼각, 유사색 구성표를 생성합니다.

🔄

Postman to cURL

Convert Postman request JSON exports to cURL commands.

🐍

JSON to Python

Convert JSON data to Python dict, dataclass, or TypedDict syntax.

📝

GitHub README Generator

Generate a professional GitHub README.md with badges, installation, usage, and more.

🗺️

XML Sitemap Generator

Generate XML sitemaps from a list of URLs with priority and change frequency settings.

🐹

JSON to Go 구조체

JSON 데이터를 Go 구조체 타입으로 변환합니다.

🐳

Dockerfile 생성기

Node.js, Python, Go, Java 등 일반적인 기술 스택용 Dockerfile을 생성합니다.

▐▌

바코드 생성기

Code 128, EAN-13, EAN-8 바코드를 SVG로 생성합니다.

🦀

JSON to Rust Struct

Convert JSON objects to Rust struct definitions with serde derive macros.

⚙️

EditorConfig Generator

Generate .editorconfig files for consistent coding styles across editors.

📝

체인지로그 생성기

버전 번호와 카테고리로 구조화된 체인지로그를 포맷합니다.

📦

Package.json 생성기

Node.js 프로젝트를 위한 package.json 파일을 대화형으로 생성합니다.

Webpack 설정 생성기

로더, 플러그인, 출력 설정이 포함된 webpack.config.js 파일을 생성합니다.

🌐

HTTP 모의 응답 생성기

테스트용 상태 코드, 헤더, 본문이 포함된 HTTP 모의 응답 템플릿을 생성합니다.

Aa

웹 안전 폰트 레퍼런스

Serif, Sans-serif, Monospace 카테고리별 실시간 미리보기로 모든 웹 안전 폰트를 탐색합니다.

⚙️

GitHub Actions Generator

Generate GitHub Actions workflow YAML for CI/CD pipelines with customizable triggers, jobs, and steps.

📝

VS Code Snippet Generator

Create custom VS Code snippets with tabstops, placeholders, and variable syntax for any language.

🎨

터미널 색상 레퍼런스

ANSI 터미널 색상 이스케이프 코드 레퍼런스 및 미리보기.

📦

npm / yarn / pnpm 명령어 레퍼런스

npm, yarn, pnpm 패키지 매니저 명령어 빠른 참조.

🔑

SSH Config 생성기

여러 호스트에 대한 ~/.ssh/config 항목을 생성합니다.

☸️

Kubernetes YAML 생성기

Deployment, Service, ConfigMap, Namespace K8s 매니페스트를 생성합니다.

.*

Regex Cheat Sheet

Interactive regular expression reference with live pattern testing and copy-on-click examples.

$_

Linux Commands Reference

Searchable Linux CLI command reference with categories, examples, and one-click copy.

JSON to Java Converter

Convert JSON objects to Java POJO classes with Lombok and Jackson annotation support.

C#

JSON to C# Class

Convert JSON into C# POCO class definitions with properties, data annotations, and Newtonsoft attributes.

Prettier Config Generator

Generate a .prettierrc configuration file by selecting your preferred code formatting options.

🗺️

사이트맵 XML 생성기

URL, 우선순위, 변경 빈도로 sitemap.xml 파일을 생성합니다.

🏷️

메타 태그 생성기

SEO, Open Graph, Twitter Card용 HTML 메타 태그를 생성합니다.

📋

체인지로그 생성기

버전 번호와 카테고리로 구조화된 체인지로그를 포맷합니다.

🔄

cURL to Fetch 변환기

curl 명령어를 JavaScript fetch 또는 axios로 변환.

🐳

Docker Run 생성기

docker run 명령어 인터랙티브 생성기.

🪝

웹훅 페이로드 생성기

GitHub, Stripe, 일반 HTTP 웹훅용 샘플 페이로드를 생성합니다.

📝

Git 커밋 메시지 생성기

타입, 스코프, 브레이킹 체인지를 포함한 컨벤셔널 커밋 메시지를 생성합니다.

🔍

HTTP 요청 인스펙터

HTTP 요청을 시각적으로 구성하고 curl 또는 fetch 코드 스니펫을 생성합니다.

📧

이메일 주소 검증기

단일 또는 여러 이메일 주소의 형식을 검증합니다.

📦

Package.json 생성기

Node.js 프로젝트를 위한 package.json 파일을 대화형으로 생성합니다.