툴박스 가이드는 W3C·MDN·국제 표준 문서(RFC/ISO)와 한국인터넷진흥원(KISA) 등 공신력 있는 기관의 공개 자료를 기반으로 작성·검토합니다.편집 방침 보기
크롬 개발자 도구의 콘솔에 JSON을 붙여넣어 보기 좋게 펴려고 시도해 본 적이 있다면, 한 줄로 압축된 거대한 응답 앞에서 한숨을 쉰 경험이 있을 것이다. IDE를 켜고 라이브러리를 설치하기엔 과한 작업, 그렇다고 매번 손으로 정렬하기엔 번거로운 작업. 이런 "5분짜리 잡일"을 브라우저 탭 하나로 끝내주는 무료 웹 도구 7가지를 우선순위 순으로 정리한다.
왜 설치형 대신 웹 도구인가
설치형 유틸리티는 강력하지만, 잠깐 쓰고 마는 변환 작업에는 과하다. 웹 도구는 (1) 설치·업데이트가 없고 (2) OS를 가리지 않으며 (3) 회사 PC처럼 설치 권한이 제한된 환경에서도 쓸 수 있다는 장점이 있다. 단점은 명확하다. 민감한 데이터를 서버로 전송하는 도구라면 보안 위험이 따른다. 그래서 아래 목록은 "브라우저 안에서 클라이언트 사이드로만 처리하는지"를 함께 따졌다. 가벼운 생활 계산 도구를 함께 쓰고 싶다면 kimgoon 라이프스타일 가이드도 참고할 만하다.
우선순위로 본 필수 도구 7선
아래 표는 사용 빈도(개인 작업 로그 기준 체감 빈도)와 데이터 처리 위치를 정리한 것이다. "처리 위치"는 도구가 입력을 어디서 가공하는지를 뜻한다.
| 순위 | 도구 | 주요 용도 | 권장 처리 위치 |
|---|---|---|---|
| 1 | JSON 포맷터/검증기 | API 응답 정렬·문법 검사 | 클라이언트 사이드 |
| 2 | 정규식 테스터 | 패턴 매칭 실시간 확인 | 클라이언트 사이드 |
| 3 | Base64/URL 인코더 | 인코딩·디코딩 변환 | 클라이언트 사이드 |
| 4 | 타임스탬프 변환기 | Unix epoch ↔ 날짜 | 클라이언트 사이드 |
| 5 | 진법 변환기 | 2·8·10·16진수 변환 | 클라이언트 사이드 |
| 6 | UUID 생성기 | 식별자 즉석 발급 | 클라이언트 사이드 |
| 7 | Diff 비교기 | 두 텍스트 차이 확인 | 가능하면 클라이언트 |
1. JSON 포맷터·검증기
압축된 JSON을 들여쓰기 정렬하고, 누락된 콤마나 닫히지 않은 괄호 같은 문법 오류를 잡아준다. 실무에서 가장 자주 만나는 에러는 마지막 요소 뒤의 trailing comma({"a":1,})와 키를 작은따옴표로 감싼 경우다. 둘 다 JSON 표준(RFC 8259)에서 허용되지 않는다. tools 앱의 JSON 포맷터는 입력을 서버로 보내지 않고 브라우저에서 처리한다.
2. 정규식 테스터
^\d{3}-\d{4}-\d{4}$ 같은 패턴이 실제로 원하는 문자열을 잡는지 한 글자씩 입력하며 확인할 수 있다. 색깔로 매칭 그룹을 표시해 주는 도구를 고르면 캡처 그룹 디버깅이 훨씬 빠르다.
3. Base64 / URL 인코더
이미지를 data URI로 박거나, 쿼리스트링에 한글을 안전하게 실으려면 인코딩이 필요하다. Base64는 3바이트를 4문자로 바꾸므로 원본 대비 약 33% 용량이 늘어난다는 점을 기억하면 좋다(작은 아이콘에만 쓰고 큰 이미지는 파일로 두는 이유다).
4. 타임스탬프 변환기
로그에 찍힌 1749500000 같은 Unix epoch 값을 사람이 읽는 시각으로 바꾼다. 초 단위(10자리)와 밀리초 단위(13자리)를 헷갈리면 1970년이나 5만 년 뒤로 튀니, 자리수를 먼저 확인하자.
5. 진법 변환기
색상 코드, 권한 비트, 메모리 주소를 다룰 때 2·8·16진수 변환이 잦다. 예를 들어 0xFF는 10진수 255, 2진수 1111 1111이다.
6. UUID 생성기
테스트 데이터나 임시 키가 필요할 때 충돌 걱정 없는 식별자를 즉석에서 만든다. 버전 4 UUID는 122비트의 무작위성을 가져 사실상 중복이 나오지 않는다.
7. Diff 비교기
설정 파일 두 버전, 복사한 코드 두 토막의 차이를 줄 단위로 보여준다. 민감한 소스라면 클라이언트 처리형을 고르자.
무료 도구 쓸 때 보안 체크리스트
- 비밀번호·토큰·주민번호가 든 텍스트는 서버 전송형 도구에 넣지 않기
- "처리 위치: 브라우저(클라이언트)" 표기가 있는지 확인
- 사내 코드는 가능하면 오프라인/로컬 도구로 대체
- HTTPS 주소인지 확인(
https://)
같은 맥락의 보안 기초는 tools의 보안 카테고리 가이드에 더 정리돼 있다.
자주 묻는 질문
웹 JSON 포맷터에 회사 API 응답을 붙여넣어도 되나요?
응답에 토큰·개인정보가 없다면 큰 문제는 없지만, 가능하면 입력을 서버로 전송하지 않는 클라이언트 사이드 도구를 쓰세요. 사내 정책상 외부 전송이 금지된 데이터라면 IDE 내장 포맷터나 오프라인 도구를 쓰는 편이 안전합니다.
정규식 테스터마다 결과가 다르게 나오는 이유는?
언어·엔진마다 정규식 문법(플레이버)이 조금씩 다르기 때문입니다. JavaScript, PCRE, Python의 re는 lookbehind 지원이나 유니코드 처리에서 차이가 납니다. 테스터를 고를 때 실제 사용할 언어의 엔진을 선택할 수 있는지 확인하세요.
Base64로 인코딩하면 데이터가 암호화되나요?
아닙니다. Base64는 암호화가 아니라 단순 인코딩이라 누구나 즉시 디코딩할 수 있습니다. 비밀 정보를 숨기는 용도가 아니라, 바이너리를 텍스트 채널로 안전하게 옮기는 용도입니다.
타임스탬프가 1970년으로 나와요.
입력이 0이거나 빈 값일 가능성이 큽니다. Unix epoch는 1970년 1월 1일 00:00:00 UTC가 기준점(0)이라, 잘못된 값이 들어가면 그 근처로 표시됩니다. 초/밀리초 자리수도 함께 확인하세요.
마무리
도구는 "필요할 때 즉시 손에 잡히는 것"이 가장 좋은 도구다. 위 7가지를 북마크 폴더 하나에 모아두면 잡일 처리 시간이 눈에 띄게 줄어든다. 자취·생활 계산이 필요할 땐 형제 앱 solo 계산기도 함께 활용해 보자.
관련 가이드
참고한 표준·공식 자료
본 글은 다음 표준·문서의 공개 자료를 바탕으로 정리·검토되었습니다. 최신 사양은 각 표준 문서를 함께 확인해 주세요.
- MDN Web Docs ↗웹 표준·HTML/CSS/JS 공식 문서
- W3C ↗웹 국제 표준 권고안
- IETF RFC Editor ↗인터넷 프로토콜·인코딩 표준 원문
- 한국인터넷진흥원(KISA) ↗보안·암호·개인정보 가이드
잘못된 정보나 갱신이 필요한 부분을 발견하셨다면 contact@kimgoon.kr로 알려주세요. 툴박스 편집 방침을 함께 참고하실 수 있습니다.








