개발자 도구 41개가 있어요. 위의 검색이나 아래 목록에서 골라 보세요.
뭘 먼저 써야 할지 모르겠다면 이 모음부터: 💻 개발하다 매일 여는 탭, 한곳에
01도구 41개
JSON Formatter
JSON 정렬 · 압축 · 유효성 검사. 브라우저 안에서만 처리돼요.
↗Base64 Codec
텍스트 ↔ Base64 인코딩/디코딩. UTF-8 한글 지원.
↗Regex Lab
정규식 실시간 매칭 · 그룹 확인 · 치환 미리보기 & 치트시트.
↗색상 코드 변환기
HEX · RGB · HSL 변환, 셰이드 팔레트, WCAG 대비율 체크.
↗JWT Decoder
JWT 토큰 header·payload 해석, exp 만료 시간을 KST로. 토큰은 외부 전송 없음.
↗Timestamp
Unix 타임스탬프 ↔ 날짜 변환. 초/밀리초 자동 감지, KST·UTC.
↗JSON Validator
JSON 문법 검사, 오류 줄·열 하이라이트와 원인 힌트
↗URL 인코더/디코더
한글 URL 인코딩·디코딩, 쿼리스트링 파라미터 표
↗UUID 생성기
UUID v4·v7 최대 1,000개 생성, 형식 옵션과 분석
↗비밀번호 생성기
안전한 랜덤 비밀번호·패스프레이즈 생성, 강도 표시
↗진법 변환기
2진수·8진수·10진수·16진수 변환, 비트 보기, 2의 보수.
↗해시 생성기
MD5·SHA-256 해시 계산, HMAC, 체크섬 비교.
↗크론 표현식 해석기
크론식을 한국어로 풀고 다음 실행 시각 10개 표시.
↗chmod 권한 계산기
755·rwxr-xr-x 권한 숫자·기호 변환, chmod 명령 생성.
↗JSON ↔ CSV 변환기
JSON 배열↔CSV 변환, 엑셀 한글 깨짐 방지
↗HTML 엔티티 변환기
HTML 특수문자 이스케이프·엔티티 디코딩
↗IP 서브넷 계산기
CIDR·서브넷 마스크로 IP 범위·호스트 수 계산
↗QR 코드 생성기
링크·와이파이·연락처 QR 무료 생성, PNG·SVG 저장.
↗px ↔ rem 변환기
px to rem, rem to px, em, clamp() 식 생성.
↗사업자등록번호 검증기
사업자등록번호 10자리의 검증번호(마지막 자리)가 맞는지 확인, 여러 개 한꺼번에
↗HTTP 상태 코드 조회·설명
404·403·500·502 같은 상태 코드의 뜻과 흔한 원인, 대응 방법 검색
↗JSON 비교 도구 (diff)
두 JSON의 추가·삭제·변경 항목을 경로와 값으로 비교, 키 순서 무시
↗메타 태그·OG 태그 생성기
title·description·canonical·OG·X 카드 태그를 복사용 HTML로, 글자 수 안내와 검색 미리보기
↗cURL 변환기
curl 명령을 JavaScript fetch·axios·Python requests 코드로 변환, 헤더·JSON·Basic 인증 지원
↗CSS Flexbox 생성기
flex-direction·justify-content·align-items·gap 값을 고르며 배치를 미리 보고 CSS 코드 복사
↗CSS Grid 생성기
열 수·gap·행 높이·정렬을 고르며 격자 배치를 미리 보고 grid-template-columns 코드 복사
↗robots.txt 생성기
차단·허용 경로와 사이트맵 주소로 robots.txt 만들기, 전체 차단 실수·경로 형식 점검, AI 크롤러 차단 줄 추가
↗URL 쿼리스트링 파서
URL의 도메인·경로·해시와 파라미터를 표로 분해하고 디코딩해 JSON 으로 변환, 반복 키·UTM 구분
↗JSON 문자열 이스케이프 변환기
따옴표·백슬래시·줄바꿈을 JSON 문자열로 이스케이프하고, 이스케이프된 문자열을 원문으로 복원
↗YAML ↔ JSON 변환기
YAML to JSON, JSON to YAML 양방향 변환, 들여쓰기·키 정렬·오류 줄 번호
↗CSS 그라데이션 생성기
linear·radial·conic 그라데이션 미리보기와 CSS 코드, 투명도·반복·하드 스톱 지원
↗CSS box-shadow 생성기
그림자 오프셋·흐림·퍼짐·색·inset을 조절해 box-shadow 코드와 미리보기, 최대 4겹
↗유니코드 변환기 (\uXXXX 이스케이프)
한글·이모지를 \uAC00·U+AC00·HTML 코드·UTF-8 바이트로 바꾸고 되돌리기
↗JSON → TypeScript 변환기
JSON 샘플을 TypeScript interface·type으로 자동 변환, 옵션 속성과 중첩 타입 지원
↗CSS border-radius 생성기
네 모서리 반지름을 px·%로 조절해 줄여 쓴 border-radius 코드와 미리보기, 겹침 자동 축소 계산
↗텍스트 2진수 변환기
글자 ↔ 2진수·16진수·10진수·8진수 변환, UTF-8 바이트 수, ASCII 코드
↗마크다운 → HTML 변환기
마크다운 붙여넣기 → HTML 소스·미리보기, 표·목록·코드 블록·링크 지원
↗URL 슬러그 생성기
제목을 소문자·하이픈 슬러그로, 악센트 제거·한글 유지/제거·길이 제한, 여러 줄 일괄
↗CSS clamp() 계산기
화면 폭에 따라 부드럽게 변하는 글자·여백 clamp() 코드 만들기
↗마크다운 표 만들기
엑셀·CSV 붙여넣기로 Markdown 표, 정렬·한글 칸 맞춤.
↗색상 대비 검사기
WCAG 2.2 명도 대비율 AA·AAA 확인, 통과하는 가장 가까운 색 추천
↗02관련 글
전체 글 보기 →개발 중 바로 쓰는 도구
API 응답을 볼 땐 JSON 포매터·검증기, 토큰을 확인할 땐 JWT 디코더, 인코딩 문제엔 Base64·URL 인코더, 로그 시간 확인엔 타임스탬프 변환기, 패턴 테스트엔 정규식 테스터를 쓰세요. UUID 생성기와 색상 코드 변환기도 있어요.
보안
모든 처리는 브라우저 안에서 이뤄지고 외부로 전송되지 않아요. 다만 운영 환경의 비밀 키나 실제 사용자 토큰은 어떤 온라인 도구에도 붙여 넣지 않는 습관을 권해요.