개발자 도구
JSON, URL, Base64, UUID처럼 개발과 디버깅에 자주 쓰는 도구입니다.
추천 도구
이 카테고리에서 먼저 열어볼 만한 대표 작업입니다.
- 목적
- JSON 포매터는 붙여넣은 JSON을 보기 좋게 정렬하고, 문법 오류 위치를 브라우저에서 바로 확인하는 도구입니다.
- 예시
- {"name":"tool","count":2}를 넣으면 들여쓰기된 JSON과 key 수, depth, 오류 상태를 확인할 수 있습니다.
- 추천 상황
- API 응답, 설정 파일, 로그 payload, 복사한 JSON이 한 줄로 뭉쳐 있거나 오류 원인을 빠르게 찾아야 할 때 사용합니다.
- 목적
- URL/Base64 인코더는 URL 인코딩, URL 디코딩, Base64 인코딩과 디코딩을 한 화면에서 처리하는 브라우저 도구입니다.
- 예시
- hello world를 URL 인코딩하면 hello%20world 형태를 확인하고 Base64 결과도 바로 복사할 수 있습니다.
- 추천 상황
- 쿼리 문자열, API 파라미터, Base64 토큰, 복사한 설정값을 서버로 보내지 않고 빠르게 변환해야 할 때 사용합니다.
- 목적
- UUID 생성기는 테스트 데이터, fixture, 로그, 임시 식별자에 쓸 UUID 값을 일괄 생성하는 도구입니다.
- 예시
- 생성 개수를 3으로 설정하면 세 개의 UUID를 표로 만들고 한 번에 복사할 수 있습니다.
- 추천 상황
- 개발 중 고유 ID가 필요하거나 샘플 데이터에 중복 가능성이 낮은 식별자를 넣어야 할 때 사용합니다.
- 목적
- 정규식 테스터는 패턴 매치, 캡처 그룹, 플래그, 치환 결과를 브라우저에서 확인하는 도구입니다.
- 예시
- \d+ 패턴과 abc 123 텍스트를 넣으면 123 매치와 캡처 결과를 확인할 수 있습니다.
- 추천 상황
- 코드에 넣기 전 정규식이 원하는 문자열만 찾는지, replace 결과가 맞는지 검증할 때 사용합니다.
- 목적
- JWT 디버거는 JWT header와 payload를 디코드하고 exp, iat, nbf 같은 시간 클레임을 확인하는 도구입니다.
- 예시
- eyJhbGciOiJIUzI1NiJ9... 토큰을 넣으면 header, payload, 만료 시간과 현재 상태를 확인할 수 있습니다.
- 추천 상황
- Bearer 토큰의 만료 여부, payload 구조, claim 값을 서버에 보내지 않고 빠르게 확인해야 할 때 사용합니다.
도구 목록
전체 도구 목록
JSON 포매터 / 검증기
JSON 포매터는 붙여넣은 JSON을 보기 좋게 정렬하고, 문법 오류 위치를 브라우저에서 바로 확인하는 도구입니다.
{"name":"tool","count":2}를 넣으면 들여쓰기된 JSON과 key 수, depth, 오류 상태를 확인할 수 있습니다.
API 응답, 설정 파일, 로그 payload, 복사한 JSON이 한 줄로 뭉쳐 있거나 오류 원인을 빠르게 찾아야 할 때 사용합니다.
브라우저 계산URL/Base64 인코더
URL/Base64 인코더는 URL 인코딩, URL 디코딩, Base64 인코딩과 디코딩을 한 화면에서 처리하는 브라우저 도구입니다.
hello world를 URL 인코딩하면 hello%20world 형태를 확인하고 Base64 결과도 바로 복사할 수 있습니다.
쿼리 문자열, API 파라미터, Base64 토큰, 복사한 설정값을 서버로 보내지 않고 빠르게 변환해야 할 때 사용합니다.
브라우저 계산UUID 생성기
UUID 생성기는 테스트 데이터, fixture, 로그, 임시 식별자에 쓸 UUID 값을 일괄 생성하는 도구입니다.
생성 개수를 3으로 설정하면 세 개의 UUID를 표로 만들고 한 번에 복사할 수 있습니다.
개발 중 고유 ID가 필요하거나 샘플 데이터에 중복 가능성이 낮은 식별자를 넣어야 할 때 사용합니다.
브라우저 계산정규식 테스트
정규식 테스터는 패턴 매치, 캡처 그룹, 플래그, 치환 결과를 브라우저에서 확인하는 도구입니다.
\d+ 패턴과 abc 123 텍스트를 넣으면 123 매치와 캡처 결과를 확인할 수 있습니다.
코드에 넣기 전 정규식이 원하는 문자열만 찾는지, replace 결과가 맞는지 검증할 때 사용합니다.
브라우저 계산JWT 디버거
JWT 디버거는 JWT header와 payload를 디코드하고 exp, iat, nbf 같은 시간 클레임을 확인하는 도구입니다.
eyJhbGciOiJIUzI1NiJ9... 토큰을 넣으면 header, payload, 만료 시간과 현재 상태를 확인할 수 있습니다.
Bearer 토큰의 만료 여부, payload 구조, claim 값을 서버에 보내지 않고 빠르게 확인해야 할 때 사용합니다.
민감 입력 로컬타임스탬프 변환기
타임스탬프 변환기는 Unix seconds, milliseconds, ISO 8601 날짜를 UTC와 KST 기준 시간으로 상호 변환하는 도구입니다.
1798761600을 입력하면 UTC와 KST 기준 ISO 시간, 초/밀리초 timestamp 변환값을 한 화면에서 확인할 수 있습니다.
로그 시간, JWT exp 클레임, API 응답의 timestamp, 데이터베이스 시간값을 사람이 읽을 수 있는 날짜로 확인할 때 사용합니다.
브라우저 계산해시 생성기
해시 생성기는 텍스트나 파일 기준으로 SHA-256 같은 체크섬을 만들어 무결성 확인에 쓰는 도구입니다.
release.zip을 선택하면 SHA-256 체크섬을 만들고 배포 문서에 붙여 넣을 수 있습니다.
다운로드 파일 검증, 배포 산출물 비교, 텍스트 변경 여부 확인, 개발 문서에 체크섬을 남길 때 사용합니다.
민감 입력 로컬SEO / 마케팅 작업대
SEO / 마케팅 작업대는 SERP 문구, UTM, 메타 태그, Open Graph, robots.txt, sitemap.xml을 게시 준비도 기준으로 점검하는 허브입니다.
Search Console 쿼리와 title/description 초안을 넣으면 SERP preview, publish readiness, URL Inspection 체크리스트로 이어갈 수 있습니다.
Search Console 쿼리 중심으로 title, meta description, 공유 카드, 캠페인 추적 URL, 크롤러 정책을 배포 전에 함께 확인할 때 사용합니다.
브라우저 계산비밀번호 생성기
비밀번호 생성기는 길이, 숫자, 기호, 대소문자, passphrase 옵션으로 임시 랜덤 비밀번호를 만드는 도구입니다.
16자, 숫자와 기호 포함 옵션을 켜면 복사 가능한 강한 임시 비밀번호가 생성됩니다.
테스트 계정, 임시 공유 비밀번호, 더 강한 랜덤 문자열이 필요할 때 사용합니다.
민감 입력 로컬제목/메타 설명 길이 검사기
제목/메타 설명 길이 검사기는 검색 결과 제목과 description의 길이를 권장 범위 기준으로 점검하는 도구입니다.
55자 제목과 140자 설명을 입력하면 권장 범위, 초과 여부, SERP 미리보기 흐름을 확인할 수 있습니다.
검색 결과에서 제목이 잘리거나 설명이 너무 짧아지는 문제를 배포 전에 확인할 때 사용합니다.
브라우저 계산진법 변환기
2진수, 10진수, 16진수 등 2-36 진법 숫자를 변환합니다.
ff / 16 -> 10 -> 255
진법 작업을 설치 없이 빠르게 확인
브라우저 계산Cron 표현식 파서
5필드 Cron 표현식을 분, 시, 일, 월, 요일로 해석합니다.
*/5 * * * * -> 5분마다 실행
Cron 작업을 설치 없이 빠르게 확인
브라우저 계산CSV to JSON
헤더가 있는 CSV를 JSON 배열로 변환합니다.
name,count\nOnline Toolbox,2 -> [{"name":"Online Toolbox","count":"2"}]
CSV 작업을 설치 없이 빠르게 확인
브라우저 계산JSON to TypeScript
JSON 샘플에서 TypeScript interface 초안을 생성합니다.
{"name":"tool"} -> interface Root { name: string; }
JSON 타입 작업을 설치 없이 빠르게 확인
브라우저 계산Meta Tag 생성기
Meta Tag 생성기는 title, description, canonical, Open Graph, Twitter card 태그 초안을 HTML로 만드는 도구입니다.
페이지 제목과 설명을 넣으면 복사 가능한 meta 태그 묶음과 canonical 값을 확인할 수 있습니다.
새 페이지 배포 전 검색 결과 설명과 소셜 공유 카드에 필요한 기본 메타 태그를 빠르게 준비할 때 사용합니다.
브라우저 계산Open Graph 미리보기
Open Graph 미리보기는 공유 제목, 설명, 이미지 URL을 카드 형태로 보여 주는 소셜 미리보기 도구입니다.
og:title과 og:image URL을 넣으면 공유 카드의 제목 줄바꿈과 이미지 영역을 확인할 수 있습니다.
링크를 SNS나 메신저에 공유하기 전 카드 문구와 이미지 비율이 자연스러운지 확인할 때 사용합니다.
브라우저 계산robots.txt 생성기
robots.txt 생성기는 User-agent, Allow, Disallow, Sitemap 규칙을 조합해 robots.txt 초안을 만드는 도구입니다.
/preview를 차단하고 sitemap URL을 넣으면 복사 가능한 robots.txt 문서를 만들 수 있습니다.
검색 엔진에 공개할 경로와 숨길 경로를 정리하거나 sitemap 위치를 robots.txt에 명시할 때 사용합니다.
브라우저 계산sitemap.xml 생성기
sitemap.xml 생성기는 URL 목록을 검색 엔진 제출용 XML sitemap 형식으로 바꾸는 도구입니다.
/, /developer/utm-builder 같은 경로를 넣으면 urlset XML 초안을 확인하고 복사할 수 있습니다.
작은 사이트, 신규 랜딩 묶음, 수동 제출용 URL 목록을 XML로 빠르게 정리해야 할 때 사용합니다.
브라우저 계산UTM 빌더
UTM 빌더는 source, medium, campaign, term, content 값을 URL에 붙여 추적 가능한 캠페인 링크를 만드는 도구입니다.
newsletter, email, spring 값을 입력하면 utm_source와 utm_campaign이 포함된 URL을 만들 수 있습니다.
뉴스레터, 광고, SNS, 제휴 링크의 유입 경로를 분석할 수 있게 표준 UTM 파라미터를 붙일 때 사용합니다.
브라우저 계산YAML to JSON
YAML 설정 파일을 JSON 객체와 tree preview로 변환합니다.
name: Online Toolbox -> {"name":"Online Toolbox"}
YAML 작업을 설치 없이 빠르게 확인
브라우저 계산