홈 › 개발·웹 도구
개발·웹 도구
JSON 보기 좋게 정리·검증, 정규식 테스트, Base64·URL 변환, 색상 코드 변환과 팔레트, 파비콘 세트, 메타 태그·사이트맵 만들기, 마크다운 미리보기처럼 웹을 만들고 다룰 때 자주 쓰는 도구예요. 입력한 코드와 데이터는 서버로 보내지 않아요.
파일은 서버로 전송되지 않고 내 기기에서만 처리돼요
개발·웹 도구 62가지
- JSON 정리 (보기 좋게 들여쓰기·검증·압축)JSON을 보기 좋게 들여쓰기, 오류 위치 표시, 한 줄 압축, 키 정렬, 문자열 이스케이프
- 정규식 테스트 (정규표현식 매칭 확인)패턴과 플래그로 일치하는 부분을 강조 표시, 그룹 값 표, 바꾸기 미리보기, 자주 쓰는 패턴
- Base64 인코딩·디코딩 (글자·파일 ↔ Base64)글자(한글 UTF-8)를 Base64로, Base64를 글자로, 파일·이미지를 data URI로, Base64를 파일로 저장
- 색상 코드 변환 (HEX·RGB·HSL·CMYK)HEX·RGB·HSL·HSV·CMYK를 서로 바꾸고, 글자 대비(WCAG) 검사, 밝게·어둡게 단계 표
- 색상 팔레트 만들기 (어울리는 색 조합·사진에서 색 뽑기)대표 색 하나로 보색·유사색·삼각 배색·단계색 팔레트, 사진에서 주요 색 뽑기, CSS·PNG로
- 이메일 제목·본문 인코딩 풀기 (=?UTF-8?B?·Quoted-Printable·Base64)=?UTF-8?B?…?=, =?ks_c_5601-1987?…, =EC=95=88 같은 메일 제목·본문을 읽을 수 있는 한글로
- 파비콘 만들기 (글자·이모지·이미지 → favicon 세트)글자·이모지·로고 이미지로 favicon.ico, 16~512px PNG, 애플 아이콘, 웹 매니페스트를 ZIP으로
- 메타 태그 만들기 (SEO·오픈그래프·카톡 공유 미리보기)제목·설명·대표 이미지로 SEO·오픈그래프·트위터 카드 태그를 만들고, 검색·카톡 공유 미리보기 확인
- 사이트맵 XML 만들기 (sitemap.xml 생성)페이지 주소 목록으로 sitemap.xml 만들기, 수정일·변경 빈도·우선순위, robots.txt 줄까지
- 마크다운 미리보기 (MD 편집·HTML 변환)마크다운을 쓰면서 바로 미리보기, 표·체크리스트·코드 블록, HTML 복사·저장, 글이 이 브라우저에 임시 저장
- 내 화면 해상도·브라우저 정보 확인화면 해상도, 브라우저 창 크기, 픽셀 비율, 브라우저·운영체제, 언어·시간대, 다크 모드 등을 한눈에
- 한글 폰트 미리보기 (무료 한글 글꼴 비교)상업적으로 무료인 한글 글꼴 30여 종에 내 문장을 넣어 한 화면에서 비교, 굵기·크기 조절
- CSV 미리보기·필터 (큰 CSV를 표로 보고 검색)엑셀로 열기 힘든 큰 CSV·TSV를 표로 보고, 검색·열 필터·정렬, 걸러낸 결과만 CSV·엑셀로 저장
- SQL로 CSV·엑셀 조회 (브라우저 안 SQLite)CSV·엑셀 파일을 표로 불러와 SELECT·GROUP BY·JOIN 같은 SQL로 걸러 보고 결과를 CSV·엑셀로
- 키보드 테스트 (키 눌림·동시 입력 확인)모든 키 눌림 표시, 한/영·한자 키, 동시에 눌리는 키 수(롤오버) 확인
- 마우스 테스트 (버튼·휠·더블클릭 간격 확인)왼쪽·오른쪽·휠·앞으로·뒤로 버튼, 휠 위아래, 클릭 간격과 의도치 않은 더블클릭(채터링) 확인
- 모니터 데드픽셀·색 테스트 (전체화면 단색)전체화면을 검정·흰색·빨강·파랑 등 단색으로 바꿔 가며 불량 화소·빛샘·얼룩·계조 확인
- 반응속도 테스트 (화면 색이 바뀌면 클릭)화면이 파랗게 바뀌는 순간 클릭·탭·스페이스, 5회 평균·최고·중앙값(ms)과 기록
- 클릭 속도 테스트 (CPS 측정)1·5·10·30·60초 동안 클릭(탭) 수를 세서 초당 클릭 수(CPS), 1초마다 그래프, 내 최고 기록
- 해시 계산·파일 체크섬 확인 (MD5·SHA-256·SHA-512·CRC32)글자나 파일의 MD5·SHA-1·SHA-256·SHA-512·SHA3·CRC32 값을 한 번에 계산하고, 받은 체크섬과 같은지 비교
- HMAC 생성기 (HMAC-SHA256 서명 만들기·검증)비밀 키와 메시지로 HMAC-SHA256·SHA-512·SHA-1·MD5 서명을 만들고, 받은 서명과 같은지 확인
- JWT 디코더 (토큰 내용 보기·서명 검증·만들기)JWT 토큰의 헤더·내용(클레임)·만료 시각을 한국 시간으로 보고, HS256·RS256·ES256 서명 검증, HS256 토큰 만들기
- 진법 변환기 (2진수·8진수·10진수·16진수·36진수)2·8·10·16진수와 2~36진수 사이를 아주 큰 수까지 정확히 바꾸고, 2의 보수·비트 수·바이트 순서도 보기
- Base32·Base58·Base45·Base85 변환 (인코딩·디코딩)글자·16진수를 Base32, Base32hex, Crockford Base32, Base58(비트코인), Base45, Ascii85, Base85로 바꾸고 풀기
- 유닉스 시간 변환 (타임스탬프 ↔ 한국 시간 날짜)1700000000 같은 타임스탬프를 한국 시간·UTC 날짜로, 날짜를 타임스탬프로. 초·밀리초·마이크로초 자동 인식, 여러 줄 한꺼번에
- UUID·ULID 생성기 (v4·v7 만들기, 버전·시각 해석)무작위 UUID v4, 시간순 UUID v7, ULID를 한 번에 최대 1,000개 만들고, 붙여넣은 UUID의 버전·만든 시각을 해석
- URL 분석기 (주소 나누기·쿼리 파라미터 편집·추적 코드 지우기)웹 주소를 프로토콜·도메인·경로·쿼리·해시로 나누고, 파라미터를 표에서 고치고 지우고 추가해 새 주소 만들기
- HTML 엔티티 변환 (< & 인코딩·디코딩)< > & 같은 글자를 < > &로 바꾸고, 가 같은 엔티티를 원래 글자로 풀기
- 유니코드 이스케이프 변환 (가 ↔ 한글, U+ 코드 포인트)한글·이모지를 홍, \u{1F600}, \U0001F600, 홍, U+D64D, %uD64D 형식으로 바꾸고, 섞여 있는 이스케이프를 한글로 풀기
- 퓨니코드 변환 (한글 도메인 ↔ xn-- 주소)홍라이프.한국 같은 한글 도메인을 xn--로 시작하는 영문 주소로, xn-- 주소를 한글로. 여러 줄·이메일·URL도 한 번에
- JSON·YAML·TOML·CSV 변환기 (설정 파일·데이터 형식 바꾸기)JSON, YAML, TOML, CSV(TSV) 사이를 서로 바꾸고, 형식 오류 위치를 알려 주며, 결과를 파일로 저장
- XML 정리·검증·XPath 테스트 (보기 좋게 들여쓰기·압축)XML을 보기 좋게 들여쓰기·한 줄 압축, 형식 오류 위치 표시, XPath 식으로 원하는 값 찾기, 구조 통계
- 헥스 뷰어 (파일 16진수 보기·검색, 헥스를 파일로)파일의 바이트를 16진수와 글자로 나란히 보고, 위치 이동·바이트 검색·파일 형식 확인, 16진수 글자를 파일로 저장
- 2진수 글자 변환 (텍스트 ↔ 01010 바이너리·16진수·8진수·10진수)한글·영어 글자를 01001000 같은 2진수, 16진수, 8진수, 10진수 바이트로 바꾸고, 0과 1로 된 글을 원래 글자로 풀기
- Cron 표현식 해석기 (크론탭 뜻·다음 실행 시각)`*/5 9-18 * * 1-5` 같은 크론탭 표현식을 한국어로 풀어 주고, 한국 시간 기준 다음 실행 시각 10~50개를 계산
- 카이사르 암호·ROT13 풀기 (모든 이동 값 자동 해독)알파벳을 몇 칸씩 밀어 쓰는 카이사르 암호를 만들고, 이동 값을 몰라도 26가지를 모두 시도해 영어다운 답을 찾아 주기. ROT13·ROT47·ROT18 포함
- SQL 정렬기 (SQL 포맷터·쿼리 보기 좋게·한 줄로)한 줄로 뭉친 SQL 쿼리를 줄바꿈·들여쓰기로 보기 좋게 정리하고, 키워드 대소문자 통일, 반대로 한 줄 압축까지. MySQL·PostgreSQL·오라클·SQL Server 등
- 비즈네르 암호 만들기·풀기 (열쇠 몰라도 자동 해독)열쇠 단어로 글자마다 다른 칸 수를 미는 비즈네르 암호를 만들고 풀기. 열쇠를 몰라도 열쇠 길이와 열쇠 단어를 추정해 해독. 자동키·보퍼트 방식 포함
- 애트배시·아핀·베이컨·레일펜스 암호 (고전 암호 모음)알파벳을 거꾸로 바꾸는 애트배시, 수식으로 바꾸는 아핀, A·B 다섯 글자로 숨기는 베이컨, 지그재그로 섞는 레일펜스 암호를 만들고 풀기
- 코드 정렬기 (JS·TS·CSS·HTML·마크다운·YAML 포맷터)들여쓰기가 엉킨 자바스크립트·타입스크립트·JSX·CSS·SCSS·HTML·Vue·마크다운·YAML·JSON을 Prettier 규칙으로 한 번에 정리
- JSON → 타입 변환기 (TypeScript·Go·Python·Java·JSON Schema)API 응답 JSON을 붙여넣으면 TypeScript interface, Go struct, 파이썬 dataclass·Pydantic, 자바 record, JSON Schema를 자동으로 만들기
- XOR 암호화·해독 (키 모를 때 키 추정)글자·16진수·Base64·파일을 XOR 키로 바꾸고, 키를 모르면 1바이트 키 256가지나 반복 키 길이를 추정해 원래 글을 찾기
- JSONPath 테스터 (JSON에서 값 골라내기)`$.store.book[?(@.price < 10)].title` 같은 JSONPath 식으로 큰 JSON에서 원하는 값만 골라 보고, 찾은 값의 경로·JSON Pointer 확인, CSV로 저장
- 파일 속 문자열 뽑기 (strings, 실행 파일·문서 속 글자 찾기)실행 파일·DLL·문서·펌웨어 같은 바이너리 파일 안에서 사람이 읽을 수 있는 글자만 위치(오프셋)와 함께 뽑기. ASCII·UTF-8 한글·UTF-16 지원
- JSON 비교 (두 JSON 차이·JSON Patch 만들기)두 JSON의 추가·삭제·바뀐 값을 경로별로 보여 주고, 키 순서·들여쓰기 차이는 무시. 차이를 JSON Patch(RFC 6902)·Merge Patch(RFC 7386)로 저장
- 파일 속 숨은 파일 찾기 (카빙·엔트로피 그래프)이미지·펌웨어·문서 안에 붙어 있는 PNG·JPG·ZIP·PDF·GZIP 같은 파일을 서명으로 찾아 꺼내고, 바이트 무작위성(엔트로피) 그래프로 압축·암호화 구간 보기
- Gzip·Zlib·Deflate 풀기·압축 (Base64·16진수 데이터)Base64·16진수·파일로 된 압축 데이터를 형식을 자동으로 알아내 풀고, 글자를 gzip·zlib·raw deflate로 압축해 Base64·16진수로 만들기
- chmod 계산기 (리눅스 파일 권한 755·644 변환)소유자·그룹·기타 사용자의 읽기·쓰기·실행을 체크하면 755 같은 숫자와 rwxr-xr-x 기호, chmod 명령을 바로 만들고, 반대로 숫자·ls -l 표시를 풀이. umask 계산까지
- IPv6 주소 펼치기·줄이기 (RFC 5952 표준 표기)2001:db8::1 같은 축약 IPv6 주소를 8묶음 전체 표기로 펼치거나 RFC 5952 표준 축약형으로 줄이고, 주소 종류·역방향 DNS·정수 값 보기. 여러 줄 한 번에
- SSL 인증서 해석기 (X.509 인증서·CSR 내용 보기)PEM·CRT·CER·DER 인증서나 CSR을 넣으면 도메인(SAN)·발급자·유효 기간(한국 시간)·키 종류와 길이·지문(SHA-256)·용도를 표로 보여 주고, 체인 연결과 서명까지 확인
- IP 서브넷 계산기 (CIDR·서브넷 마스크·호스트 수·IP 포함 여부)192.168.0.10/24 같은 CIDR이나 서브넷 마스크로 네트워크 주소·브로드캐스트·사용 가능한 IP 범위·호스트 수를 계산하고, 더 작은 서브넷으로 나누기, IP가 대역에 들어가는지 확인. IPv4·IPv6
- 키 쌍 만들기 (SSH 키·RSA·ECDSA·Ed25519 생성)브라우저 안에서 Ed25519·ECDSA·RSA 개인 키/공개 키를 만들어 OpenSSH(id_ed25519, authorized_keys), PEM(PKCS#8·SPKI), JWK 형식으로 저장. SHA256 지문 표시
- MAC 주소 형식 변환 (콜론·하이픈·시스코 점 표기·EUI-64)00:1A:2B:3C:4D:5E, 00-1A-2B-3C-4D-5E, 001a.2b3c.4d5e처럼 섞인 MAC 주소를 한 형식으로 통일하고, 멀티캐스트·로컬 관리 비트와 IPv6 EUI-64 링크 로컬 주소 보기. 여러 줄 한 번에
- curl 변환기 (curl 명령 → fetch·파이썬 requests·axios·Go)API 문서나 개발자 도구에서 복사한 curl 명령을 자바스크립트 fetch, 파이썬 requests, Node axios, Go 코드로 바꾸기. 헤더·본문·폼·인증·쿠키 반영
- OTP 코드 생성기 (TOTP·HOTP, 2단계 인증 비밀 키·QR 만들기)2단계 인증 비밀 키(Base32)나 otpauth:// 주소로 6자리 OTP 코드를 기기 안에서 계산하고, 서비스 개발용 비밀 키·otpauth QR 코드 만들기. TOTP·HOTP, SHA-1·256·512
- Semver 버전 범위 확인 (^ ~ 범위 계산기)npm·package.json의 ^1.2.3, ~1.2, >=1.0 <2, 1.x 같은 버전 범위가 어떤 버전을 허용하는지 풀어 보고, 버전 목록 정렬·비교, 다음 버전 번호(major·minor·patch·pre) 계산
- CSP 만들기·검사 (Content-Security-Policy 헤더 생성기)웹사이트 보안 헤더 Content-Security-Policy를 칸을 채워 만들고, 이미 쓰는 정책을 붙여넣으면 unsafe-inline·와일드카드·빠진 지시어 같은 약점을 한국어로 점검. nginx·Apache·meta 태그 형식으로 복사
- 비밀 나누기 (샤미르 비밀 분할, 5조각 중 3조각으로 복원)비밀번호·복구 문구·금고 번호를 여러 조각으로 나눠 정한 개수 이상 모여야만 복원되게 만들기. 조각이 모자라면 비밀에 대해 아무것도 알 수 없는 샤미르 방식
- HTML → JSX 변환기 (리액트 코드로 바꾸기)복사한 HTML을 리액트 JSX로 바꾸기 — class→className, for→htmlFor, style 문자열→객체, onclick→onClick, 빈 태그 닫기, 주석 변환, SVG 속성까지. 컴포넌트로 감싸기
- HTML 안전하게 정리 (XSS 스크립트·위험 속성 제거)붙여 넣은 HTML에서 script·onerror 같은 이벤트 속성·javascript: 링크·iframe 등 위험한 부분을 지우고, 무엇을 지웠는지 목록과 안전한 미리보기로 확인
- 테스트 데이터 생성기 (더미·가짜 데이터 JSON·CSV·SQL)이름·이메일·전화번호·날짜·금액·주소(시·도)·상태값 같은 한국어 가짜 데이터를 원하는 필드로 최대 1만 줄 만들어 JSON·CSV·SQL INSERT로 저장. 시드로 같은 데이터 다시 만들기
- SVG 최적화 (SVG 용량 줄이기·코드 정리, SVGO)일러스트레이터·피그마에서 내보낸 SVG의 편집기 정보·주석·불필요한 속성을 지우고 좌표를 줄여 용량을 30~70% 줄이기. 전후 미리보기·크기 비교, 여러 파일 한 번에
주제별 모음
다른 분류
- 엑셀 수식·함수말로 쓰면 수식, 함수 사전, 시트 합치기
- 엑셀 양식 만들기가계부·근무표·장부를 수식 들어간 엑셀로
- 문서·서식 만들기견적서·근로계약서·이력서·상장을 PDF로
- PDF 도구편집·합치기·나누기·압축·OCR·잠금 해제·HWP 변환
- 이미지 도구사진 용량·크기·자르기, 증명사진, 워터마크, OCR
- 파일·데이터 변환CSV↔엑셀, 워드·엑셀→PDF, 연락처·일정, 압축, 음성·영상
- 텍스트·글자 도구글자 수, 맞춤법, 줄 정리, 한자, 비밀번호, 추첨
- 날짜·달력D-day, 만 나이, 음력, 공휴일, 타이머, 달력 인쇄
- QR 코드링크·와이파이·명함 QR, QR 읽기, 바코드
- 생활·행정사업자번호, 계량·사이즈 변환, 체크리스트, 안내문
- 병원·건강 일정영유아 검진·예방접종 날짜, 국가검진 대상, 진료 예약 캘린더
- 법률·서식법정 상속분, 지연이자, 소액임차인 최우선변제, 무료 법률상담
- 학생·공부·취준학점·내신 등급, 학습지, 참고문헌, 취업 준비
- 인터넷·네트워크인터넷 속도 측정, 사이트 접속 확인
- 디자인유튜브 썸네일·카드뉴스·현수막·포스터·초대장·라벨·도장·방 배치
- 소상공인·가게정산, 발주·기한·예약 관리, 원산지·영업시간 안내판