도구 실전 매뉴얼 소개

105개 무료 IT 도구/코드

무료 코드·개발자 도구

JSON, 정규식, CSS, SQL 등을 브라우저에서 바로 포맷하고 변환하고 테스트하세요. 모든 도구는 클라이언트에서만 실행되어 가입이 필요 없고, 코드가 기기 밖으로 전송되지 않습니다.

무료 도구 39개

{ }JSON 포매터

구문 강조와 오류 감지 기능으로 JSON을 유효성 검사, 형식 지정, 압축합니다.

.*Regex 테스터

실시간으로 정규식을 테스트하고 매치 강조, 그룹, 치트시트를 확인합니다.

B64인코더 모음

Base64, URL, HTML 엔티티, JWT 토큰, 유니코드를 인코딩하고 디코딩합니다.

Aa텍스트 도구

대소문자 변환, 단어 수 세기, 줄 정렬, 중복 제거 등 다양한 텍스트 유틸리티.

SQLSQL 포매터

PostgreSQL, MySQL, SQLite용 SQL 쿼리를 형식 지정하고 보기 좋게 정리합니다.

헤더, 인증, 본문을 시각적으로 설정해 cURL 명령어를 만듭니다 — 에이전트가 요청을 실행하기 전에 먼저 확인하세요.

◐CSS 그라디언트

시각적 편집기로 선형 및 방사형 CSS 그라디언트를 디자인하고 CSS를 복사합니다.

⏱크론 빌더

시각적 스케줄러와 자연어 미리보기로 크론 표현식을 만들고 해석합니다 — 에이전트 스크립트가 실행되는 그 크론입니다.

언어, 프레임워크, IDE 조합에 맞는 .gitignore 파일을 생성합니다 — AI 에이전트가 node_modules를 커밋할 때까지 잊어버리는 바로 그 파일입니다.

MDMarkdown 편집기

실시간 미리보기, 구문 강조, HTML 내보내기 기능이 있는 Markdown 편집기.

IDUUID 생성기

대문자 및 하이픈 없는 형식 옵션으로 UUID v4 식별자를 대량 생성합니다.

⏰타임스탬프 변환기

Unix 타임스탬프, ISO 8601, 사람이 읽기 쉬운 날짜 형식 간에 변환합니다.

+-차이 비교기

두 텍스트를 나란히 비교합니다. 추가, 삭제, 변경 사항이 줄 단위로 강조 표시됩니다.

CSVCSV ↔ JSON

사용자 지정 구분자와 헤더 옵션으로 CSV와 JSON 형식을 상호 변환합니다.

&;HTML 엔티티 인코더

HTML 엔티티를 인코딩하고 디코딩합니다. 자주 사용하는 엔티티 참조표 포함.

IMGBase64 이미지

이미지를 Base64 문자열로 변환하고 Base64를 다시 이미지로 디코딩합니다.

0x진법 변환기

이진수, 팔진수, 십진수, 십육진수 수 체계 간에 변환합니다.

\n문자열 이스케이프

JSON, HTML, URL, JavaScript, SQL, CSV용 문자열을 이스케이프하고 언이스케이프합니다.

remCSS 단위 변환기

px, rem, em, %, vw, vh 등 CSS 단위 간에 즉시 변환합니다.

📸코드 스크린샷

코드를 아름다운 공유용 스크린샷으로 변환합니다. 8가지 테마, 구문 강조, 창 프레임, PNG 내보내기.

TSJSON → TypeScript

JSON에서 TypeScript 인터페이스를 자동 생성합니다. 스마트 타입 추론, 중첩 객체, 배열 유니온.

{}:JSON Schema 생성기

JSON 데이터에서 JSON Schema를 자동 생성합니다. 타입 추론, 형식 감지, Draft-07/2020-12 지원.

🔍Regex 시각화기

정규식을 시각적으로 이해합니다. 단계별 설명, 매치 강조, 캡처 그룹, 패턴 라이브러리.

APIAPI Mock 디자이너

자동 생성된 가짜 데이터로 Mock API 엔드포인트를 설계합니다. OpenAPI 스펙 또는 Postman 컬렉션으로 내보내기.

▦테이블 생성기

Markdown, HTML, CSV, JSON으로 내보내는 시각적 테이블 편집기. CSV 가져오기, 정렬, 헤더 행 설정.

⊞Flexbox 플레이그라운드

인터랙티브 flexbox 레이아웃 테스터. 컨테이너 및 아이템 제어, 실시간 미리보기, 레이아웃 프리셋, CSS 출력.

🔎JSON Path 탐색기

JSON을 붙여넣고 값을 클릭하면 점 표기법과 대괄호 표기법 경로를 확인합니다. 검색 기능이 있는 트리 뷰.

</>HTML 플레이그라운드

즉각적인 미리보기가 있는 HTML/CSS/JS 편집기. 브라우저 내 미니 CodePen. 스타터 템플릿 포함.

⊞CSS Grid 생성기

시각적 CSS Grid 레이아웃 빌더. 열, 행, 영역, 간격 정의. 클릭으로 아이템 배치. CSS 출력.

gitGit 명령어 생성기

Git에서 원하는 작업을 선택하면 설명과 함께 정확한 명령어를 제공합니다 — 에이전트가 방금 커밋한 것을 되돌려야 할 때. 브랜치, 병합, 스태시.

.envEnv 파일 관리자

그룹화와 주석이 포함된 .env 파일을 만듭니다 — 에이전트에게 필요한 API 키를 git 기록에서 지켜냅니다. .env.example 및 TypeScript 타입 생성.

01텍스트 ↔ 이진수

텍스트를 이진수, 16진수, 8진수, 10진수, ASCII로 변환합니다. 역방향 변환. 바이트별 분석.

URL을 구성 요소로 분리합니다. 쿼리 파라미터를 키-값 쌍으로 편집. 인코딩/디코딩. URL 재조합.

두 JSON 객체를 구조적으로 비교합니다. 추가, 삭제, 변경된 키를 값 차이와 함께 확인합니다.

▤CSS 압축기

CSS를 압축하거나 보기 좋게 정리합니다. 주석과 공백 제거. 전후 파일 크기 비교.

JavaScript를 압축하거나 보기 좋게 정리합니다. 주석과 공백 제거. 파일 크기 비교.

검색 가능한 유니코드 문자 브라우저. 화살표, 수식, 이모지, 통화, 그리스 문자. 클릭으로 복사.

🔗Webhook 빌더

Webhook 페이로드를 시각적으로 빌드합니다 — 에이전트의 툴 호출과 연동이 실제로 보내는 것과 같은 형태입니다. URL, 메서드, 헤더, 본문 설정. cURL 또는 fetch() 코드 생성.

TWCSS → Tailwind

CSS를 근사 Tailwind 클래스로 변환합니다. 색상, 간격, 폰트. 매치별 신뢰도 표시.

다른 카테고리

에이전트 옵스 (10)디자인 (18)시스템 관리 (9)생산성 (9)마케팅 (8)비즈니스 (8)전체 도구 105개 보기