본문 바로가기
바로킷

개발자 도구

해시·UUID·JWT·Base64, 정규식 테스터, JSON·YAML 포맷터, cron 파서, 코드 minify, 코드 스크린샷 등 개발에 자주 쓰는 유틸리티 모음입니다.

65개

📊

Mermaid 다이어그램

텍스트 코드로 순서도(flowchart)·시퀀스 다이어그램·간트차트·클래스 다이어그램·파이차트 등을 그립니다. GitHub README·노션·옵시디언이 이미 mermaid를 지원해서 결과를 바로 임베드 가능. SVG·PNG로 다운로드.

🎂

만나이 계산

생년월일을 입력하면 만나이·세는 나이·연 나이를 동시에 보여줍니다. 2023년 6월 시행 만나이 통일법 기준. 행정 서류 작성, 의료 처방, 보험 가입, 입사 지원, 술·담배 구매 연령 확인 등 일상에서 자주 필요합니다.

🌙

음력 ↔ 양력

한국 음력과 양력 날짜를 양방향으로 변환합니다. 1391~2050년 범위, 윤달(閏月) 처리, 간지 표시. 부모님·조부모님 음력 생일을 양력으로, 제사일 양력 환산, 설·추석 같은 음력 명절 날짜 확인, 사주·궁합 입력에 자주 쓰입니다.

🔠

시저 암호 / ROT

텍스트를 시저(카이사르) 방식으로 암호화·복호화합니다. ROT13·ROT47 사전 설정과 1~25 사용자 지정 회전. CTF 문제 풀이, 인터넷 게시판 스포일러 숨기기, 코딩 학습용 암호 입문, 재미용 메시지 변환에 자주 쓰입니다.

🌐

HTTP 상태 코드

HTTP 응답 상태 코드 100~599의 의미를 검색하세요. 표준(RFC) 코드 + 자주 쓰이는 비표준 코드(418, 429 등). API 디버깅, 에러 화면 분석, 백엔드 응답 설계, 면접 준비, 웹 개발 학습에 자주 쓰입니다.

🌈

CSS 그라데이션

색상 stop을 추가/조절하며 linear·radial 그라데이션을 시각적으로 만들고 CSS 코드를 받으세요. 미리보기 실시간 반영. 웹사이트 배경, 버튼 디자인, 카드 UI 헤더, 모바일 앱 그라데이션, 마케팅 페이지 배경에 자주 쓰입니다.

🔢

진법 변환

10진수, 2진수, 8진수, 16진수 사이를 즉시 변환하세요. 음수·소수도 지원, 자릿수 자동 그룹화. 코딩·CS 학습, 색상 코드(#RRGGBB) 분석, IP 주소 변환, 비트 연산 디버깅, 어셈블리 학습에 자주 쓰입니다.

🔣

HTML 엔티티

&, <, >, ", ' 같은 특수문자를 &amp; &lt; &gt; 같은 HTML 엔티티로 변환하거나 디코딩하세요. 한글·이모지의 숫자 엔티티도 지원. 블로그 코드 예시 안전 표기, XSS 방지 인코딩, 이메일 HTML 작성, 사이트맵·RSS 검증에 자주 쓰입니다.

🛡️

비밀번호 강도

비밀번호의 길이·문자 종류·예측 가능성을 점수화해 강도를 평가합니다. 흔한 패스워드·반복 패턴·키보드 시퀀스도 감지. 새 계정 만들 때 안전한 비밀번호 점검, 회사 보안 정책 통과 여부 확인, 보안 의식 학습에 자주 쓰입니다.

🎯

색 대비 검사 (WCAG)

글자색·배경색의 명도 대비비를 계산하고 WCAG AA/AAA 기준 통과 여부를 알려줍니다. 디자인 접근성 검수, 정부·공공기관 사이트(접근성 필수), 시각장애 사용자 배려, 모바일 가독성 확인에 자주 쓰입니다.

🎰

로또 번호 생성기

Web Crypto의 안전한 난수로 로또 6/45 번호를 생성합니다. 여러 게임 한 번에 뽑기, 제외 번호 설정 가능. 매주 로또 자동 추첨 보조, 회사 송년회 게임 번호, 학교·동호회 추첨 등에 자주 쓰입니다.

{ }

JSON 포맷터

JSON을 보기 좋게 정렬하거나 한 줄로 압축하세요. 문법 오류를 알려주고, 키 정렬 옵션도 지원합니다. API 응답 디버깅, 설정 파일 검토, log·monitoring 데이터 분석, 외부 데이터 소스 정리에 자주 쓰입니다.

🔗

URL 인코더

URL에 들어갈 한글·특수문자를 퍼센트 인코딩으로 변환하거나 디코딩하세요. encodeURIComponent / encodeURI 모드 지원. API 호출 쿼리스트링 작성, 검색 URL 분석, 한글 깨진 URL 복구, 웹 디버깅에 자주 쓰입니다.

🔒

해시 생성

텍스트나 파일의 SHA-256·SHA-512·SHA-1·MD5 해시를 즉시 계산하세요. 무결성 검증·체크섬에 사용합니다. 다운로드 파일의 무결성 확인, 백업 파일 검증, API 시그니처 비교, 보안 학습에 자주 쓰입니다.

🆔

UUID 생성

암호학적으로 안전한 UUID v4를 한 번에 여러 개 생성하세요. 하이픈 포함/제외, 대문자 옵션 지원. 데이터베이스 PK, API 식별자, 임시 토큰, 추적 ID, 파일명 충돌 방지 등 다양한 개발 시나리오에 자주 쓰입니다.

⏱️

Unix 타임스탬프 변환

Unix 타임스탬프(초 또는 밀리초)를 사람이 읽는 날짜·시간으로 변환하고, 그 반대도 가능합니다. ISO 8601, 로컬, UTC 표시 모두 지원. 데이터베이스 로그 분석, API 디버깅, 쿠키·JWT 만료 확인, 시간대 변환 작업에 자주 쓰입니다.

🖻

이미지 ↔ Base64

이미지를 Base64 data URL로 인코딩하거나, data URL을 다시 이미지로 디코딩하세요. CSS·이메일에 이미지 인라인 임베드, SVG 아이콘 인라인, React 컴포넌트 안에 이미지 포함, 작은 아이콘 캐싱 회피에 자주 쓰입니다.

📊

CSV ↔ JSON

CSV 데이터를 JSON 배열로, JSON 배열을 CSV로 변환하세요. 첫 줄을 헤더로 인식하며 따옴표·쉼표가 포함된 값도 정상 처리합니다. 엑셀 데이터 API 입력, 보고서 데이터 처리, DB 백업 정리, 데이터 마이그레이션에 자주 쓰입니다.

🧾

YAML ↔ JSON

YAML과 JSON 사이를 자유롭게 변환하세요. Kubernetes, GitHub Actions, OpenAPI, Docker Compose, Ansible 설정 파일 작업, 두 형식 간 빠른 변환에 유용합니다.

🗃️

SQL 포맷터

복잡한 SQL을 보기 좋게 정렬합니다. MySQL·Postgres·SQLite·MSSQL·BigQuery·Snowflake 등 14가지 dialect 지원. 코드 리뷰 전 가독성 정리, ORM이 생성한 쿼리 분석, 한 줄로 압축된 로그 쿼리 복구에 자주 쓰입니다.

Cron 표현식 분석

Cron 표현식을 입력하면 사람이 읽기 좋은 설명과 다음 N회 실행 시각을 보여줍니다. 5필드·6필드(초 포함) 지원. 리눅스 cron 작업 작성, GitHub Actions 스케줄 검증, AWS EventBridge, Vercel Cron 설정 검토에 자주 쓰입니다.

🌐

IPv4 / CIDR 계산기

CIDR 표기(예: 192.168.0.0/24)에서 네트워크 주소·브로드캐스트·서브넷 마스크·사용 가능 호스트 수를 계산합니다. 사내 네트워크 설계, AWS VPC 서브넷 분할, 방화벽 규칙 작성, 네트워크 인증 시험 준비에 자주 쓰입니다.

🔓

JWT 디코더

JWT 토큰의 헤더와 페이로드를 디코드하세요. 만료 시각·발급자 등을 한 눈에 확인. 서명 검증은 하지 않으므로 디버깅 용도로만 쓰세요. API 인증 디버깅, 만료 토큰 확인, OAuth 흐름 분석, SSO 토큰 검사에 자주 쓰입니다.

🌑

CSS 그림자 생성

슬라이더로 box-shadow를 시각적으로 만들고 코드를 복사하세요. 다중 그림자 레이어 지원, 미리보기 즉시 반영. 카드 UI, 버튼 강조, 모달 띄움 효과, 머티리얼 디자인 elevation 표현에 자주 쓰입니다.

📄

JSON ↔ XML

JSON과 XML 사이를 자유롭게 변환하세요. 속성 처리·들여쓰기 옵션 지원. 레거시 SOAP API 디버깅, RSS 피드 처리, 정부 공공 API 응답 분석, 한국 금융·보험·통신 시스템 데이터 작업에 자주 쓰입니다.

📅

D-day 계산기

두 날짜 사이의 일수, 특정 날짜까지의 D-day, 오늘에서 N일 후 같은 날짜 계산을 한 번에. 시험·결혼·전역·기념일까지 남은 일수, 프로젝트 마감일 카운트다운, 사귄 지 며칠, 생일까지 등 일상에서 자주 쓰입니다. 한국 음력은 지원하지 않습니다.

📏

단위 변환기

길이(m·km·inch·ft), 무게(g·kg·lb·oz), 온도(°C·°F·K), 면적(m²·평·acre), 부피(L·mL·gallon)를 즉시 변환하세요. 미국식 단위 영화·요리 레시피 변환, 해외 직구 사이즈 비교, 항공기 화물 무게, 해외 출장 키·체중 표기에 자주 쓰입니다.

🔎

정규식 테스터

정규식 패턴과 플래그(gimsuy)를 입력해 매칭 결과를 실시간으로 확인하세요. 캡처 그룹·치환 미리보기 지원. 데이터 추출, 입력 검증 규칙 작성, 로그 분석, VS Code/IDE 검색 패턴 미리보기, 정규식 학습에 자주 쓰입니다.

🎨

색상 코드 변환

HEX, RGB, HSL 색상 코드를 서로 변환하세요. 디자이너와 개발자를 위한 무료 도구. 디자인 시스템 색상 정리, CSS 작성, 포토샵·일러스트레이터 색 옮기기, 브랜드 컬러 표준화에 자주 쓰입니다.

🔐

Base64 변환

텍스트와 Base64를 서로 변환하세요. URL-safe 옵션 지원, 한글 자동 처리. API 인증 토큰 분석, JWT 페이로드 디코딩, 이메일 첨부파일 디버깅, 데이터 안전 전송용 인코딩에 자주 쓰입니다.

🔑

비밀번호 생성기

암호학적으로 안전한 랜덤 비밀번호를 생성합니다. 길이·대소문자·숫자·특수문자 선택 가능. 새 계정 가입, 회사 시스템 비밀번호 변경, 와이파이 공유기 비번 설정, 임시 토큰 생성에 자주 쓰입니다.

🔗

URL 슬러그 생성

한글이나 공백, 특수문자를 SEO 친화적인 URL 슬러그로 변환합니다. 한글 로마자 변환 옵션 포함. 블로그 글 URL 만들기, 워드프레스·티스토리·노션 글 주소, 정적 사이트 페이지 경로, 제품·상품 URL 정리에 자주 쓰입니다.

📦

HTML 미니파이어

HTML에서 공백·주석·줄바꿈을 제거해 용량을 줄입니다. 빠른 로딩을 위한 배포 최적화, Core Web Vitals 개선, 모바일 데이터 절약에 자주 쓰입니다.

🎨

CSS 미니파이어

CSS에서 공백·주석·불필요한 세미콜론을 제거해 용량을 절감합니다. 배포 최적화, 페이지 로딩 속도 개선, CDN 비용 절감에 자주 쓰입니다.

📦

JavaScript 미니파이어

Terser 기반으로 JavaScript를 압축하고 mangle합니다. 식별자 단축·dead code 제거 포함. 라이브러리 배포, npm 패키지 publishing, 정적 사이트 최적화에 자주 쓰입니다.

🔍

JSON 비교 (diff)

두 JSON의 차이점을 객체 단위로 비교해 추가·제거·변경된 키를 표시합니다. API 응답 변경 추적, 설정 파일 diff, GraphQL 응답 비교, JSON 스키마 마이그레이션 검증에 자주 쓰입니다.

0️⃣

텍스트 ↔ 2진수

텍스트를 비트 단위 2진수로, 2진수를 텍스트로 변환합니다. ASCII와 UTF-8 모두 지원. CS 학습, 디버깅, 암호 학습, CTF 문제 풀이에 자주 쓰입니다.

1️⃣6️⃣

텍스트 ↔ 16진수

텍스트를 16진수(hex)로, 16진수를 텍스트로 변환합니다. 디버깅·인코딩 확인, 네트워크 패킷 분석, 임베디드 펌웨어 작업, hex dump 분석에 자주 쓰입니다.

🌈

ANSI → HTML

터미널의 ANSI 이스케이프 시퀀스를 HTML로 변환해 웹 페이지·블로그·문서에 색상 그대로 표시합니다. CI/CD 로그 공유, 터미널 스크린샷 대체, 기술 블로그 코드 출력 예시에 자주 쓰입니다.

⌨️

키 코드 확인

키보드 키를 누르면 해당 이벤트의 key·code·keyCode·which 속성이 실시간 표시됩니다. 키보드 단축키 구현, 게임 조작 디버깅, 폼 키 이벤트 처리, IME 입력 디버깅에 자주 쓰입니다.

📂

파일 → Base64

이미지·PDF·동영상 등 모든 파일을 Base64 data URL로 인코딩합니다. data URL → 파일 디코딩도 지원. 인라인 첨부 파일, 코드 안에 작은 파일 임베드, 디버깅 시 파일 텍스트화에 자주 쓰입니다.

유니코드 찾기

글자의 유니코드 코드포인트(U+XXXX)와 이름을 확인하고, 코드포인트로 글자를 만들 수 있습니다. 이모지 분석, 폰트 호환성 디버깅, 한자 코드 확인, 특수문자 입력에 자주 쓰입니다.

🎨

SVG 미니파이어

SVG 파일에서 주석·여분 공백·에디터 메타데이터(Inkscape·Illustrator)를 제거해 용량을 줄입니다. 웹 아이콘 최적화, React 아이콘 컴포넌트, 로딩 속도 개선에 자주 쓰입니다.

💾

데이터 단위 변환

바이트·킬로바이트·메가·기가·테라·페타 사이를 변환합니다. SI(1000) vs IEC(1024) 모두 지원. 디스크 용량 비교, 네트워크 대역폭 계산, 파일 크기 가늠, 클라우드 비용 추정에 자주 쓰입니다.

📁

MIME 타입 사전

확장자나 MIME 타입을 양방향 검색합니다. HTTP 응답 헤더 설정, 파일 업로드 검증, 보안 정책 작성, 이메일 첨부 처리, 웹 서버 설정에 자주 쓰입니다.

🎨

CSS 색상 사전

CSS에서 쓰는 148개 표준 색상 이름과 HEX 코드를 한눈에 보고 검색합니다. CSS 작성 시 색상 영감, 빠른 프로토타이핑, 디자인 가이드 작성에 자주 쓰입니다.

🔁

HTTP 메소드 사전

HTTP 메소드 의미·사용법·멱등성을 정리합니다. RESTful API 설계, 백엔드 개발 학습, 인터뷰 준비, API 문서 작성에 자주 쓰입니다.

🔐

.env 파서

환경 변수 파일을 JSON 객체로 변환하거나 JSON을 .env 형식으로 변환합니다. 환경 설정 디버깅, 다른 시스템으로 변수 이전, CI/CD 환경 변수 검증에 자주 쓰입니다.

한글 자모 분해

한글 음절을 초성·중성·종성으로 분해하거나 분리된 자모를 결합합니다. 한글 검색·자동완성 구현, 자판 변환 처리, 음운 분석, 코딩 학습에 자주 쓰입니다.

초 → 시간 형식

초 단위 숫자(7200)를 사람이 읽기 좋은 형식(2:00:00 또는 2시간)으로 변환합니다. 동영상·음악 길이 표시, 로그 분석, API 응답 처리, 운동 기록 변환에 자주 쓰입니다.

🔒

bcrypt 해시

bcrypt 알고리즘으로 비밀번호를 해시하거나 기존 해시와 비교 검증합니다. 인증 시스템 개발, 테스트용 더미 데이터 생성, 데이터베이스 점검에 자주 쓰입니다.

🔠

ROT 전체 보기

ROT1부터 ROT25까지 모든 회전을 한 번에 적용한 결과를 표시합니다. CTF 시저 암호 풀이, 어떤 회전이 사용됐는지 모를 때 빠르게 정답 찾기, 암호 학습에 자주 쓰입니다.

💳

민감정보 마스킹

카드번호·주민번호·전화번호·이메일을 자동 감지해 별표(*) 처리합니다. 로그 공유 전 점검, 스크린샷 가공, 블로그·발표 자료에서 개인정보 가리기, 데이터 분석 전 익명화에 자주 쓰입니다.

텍스트 유사도

두 문자열의 Levenshtein 편집 거리와 백분율 유사도를 계산합니다. 오타 검출, 유사 단어 찾기, 검색 자동완성 구현, 데이터 중복 탐지에 자주 쓰입니다.

🔤

폰트 미리보기

원하는 폰트로 텍스트가 어떻게 보이는지 실시간 미리보기합니다. CSS 폰트 결정, 웹사이트 디자인 시안, 한글 폰트 비교, 명함·포스터 글꼴 선택에 자주 쓰입니다.

🎲

랜덤 문자열

Web Crypto 기반 암호학적 안전 난수로 문자열을 생성합니다. API 키·세션 토큰·임시 ID·임시 비밀번호·초대 코드·UUID 대안에 자주 쓰입니다.

🌐

User-Agent 분석

User-Agent 문자열에서 브라우저·OS·기기·버전을 추출합니다. 웹 로그 분석, 호환성 문제 디버깅, 분석 데이터 분류, 봇·크롤러 식별에 자주 쓰입니다.

⚖️

비밀번호 비교

두 비밀번호를 동시에 평가해 어느 게 더 강한지 비교합니다. 비밀번호 변경 전 후 비교, 가족·동료에게 비밀번호 위험성 보여주기, 보안 교육 자료에 자주 쓰입니다.

JS 정리

minify·압축된 JavaScript를 보기 좋게 재정렬합니다. 외부 라이브러리 분석, 다른 사람의 코드 읽기, 디버깅 보조, 학습 목적의 코드 해독에 자주 쓰입니다.

🖼️

코드 → 이미지

소스 코드를 붙여넣고 언어를 선택하면 신택스 하이라이팅된 예쁜 코드 이미지(Carbon 스타일)를 PNG로 만듭니다. 블로그·SNS 공유, 트위터에 코드 자랑, 노션·발표 슬라이드에 코드 삽입, 코드 리뷰 캡처에 유용. 25+ 언어 지원.

🖼️

HTML → 이미지

HTML과 CSS 코드를 입력하면 그대로 렌더링한 결과를 PNG 이미지로 다운로드합니다. 데모/포트폴리오 미리보기, 디자인 시안 캡처, 이메일 템플릿 확인, 위젯 디자인 출력에 적합. html2canvas 기반.

🫧

SVG 블롭

랜덤한 유기적 곡선 모양의 SVG 블롭을 생성합니다. 웹사이트 배경 장식, 히어로 섹션, 로고 보조 요소, 일러스트 배경에 사용. 복잡도·랜덤시드·색상 조절. SVG 코드 복사 또는 PNG 다운로드.

🔗

Data URI 생성

이미지·SVG·텍스트를 Base64 인코딩된 Data URI로 변환합니다. CSS background-image에 직접 인라인, HTML 이메일에 이미지 삽입, 외부 요청 없는 1-파일 데모, 작은 파비콘 임베드에 유용. MIME 타입 자동 감지.

🔐

파일 해시 검증

파일을 업로드하고 기대 해시값을 붙여넣으면 일치 여부를 자동 확인합니다. 다운로드한 파일의 무결성 확인, OS ISO·실행파일 변조 검증, Git 커밋 해시 매칭에 유용. MD5, SHA-1, SHA-256, SHA-512 지원. 브라우저 안에서 처리.

✂️

파일 분할/결합

큰 파일을 일정 크기(예: 10MB) 조각으로 나누거나, 분할된 조각들을 다시 하나로 합칩니다. 이메일 첨부 한도, 카톡 파일 전송 한도, 클라우드 업로드 청크 분할에 사용. 분할 시 .part1, .part2 형식 자동 명명. 브라우저 안에서 처리.