개발자 도구 사용법 — 해시·JSON·정규식·Base64 한 곳에서

개발 작업 중에는 사소한 변환이 반복됩니다. API 응답 JSON을 보기 좋게 펼치고, 웹훅 서명을 SHA-256으로 검증하고, 토큰을 Base64로 디코드하고. 이럴 때마다 검색으로 온라인 도구를 새로 찾는 건 시간 낭비인데, 민감한 데이터를 모르는 사이트에 붙여 넣는 것도 찜찍하고요. 웰컴스 개발자 도구는 이런 변환 아홉 가지를 한 페이지에 모아 두었고, 전부 브라우저 안에서만 처리합니다.

아홉 개 도구 한눈에

flowchart TD
 A[입력 붙여 넣기] --> B[해시]
 A --> C[인코딩]
 A --> D[JSON]
 A --> E[정규식]
 A --> F[타임스탬프]
 A --> G[Diff · HEX · 색상 · Lorem]
 B --> H[결과 복사]
 C --> H
 D --> H
 E --> H
 F --> H
 G --> H

해시 — SHA-1, SHA-256, SHA-512와 MD5를 동시에 계산합니다. 배포 파일의 무결성 비교나 서명 검증용입니다.

인코딩 — Base64 인/디코딩(한글·이모지 안전), URL 인코딩/디코딩, HTML 엔티티 변환을 묶어 뒀습니다. 결과를 다시 입력으로 넘겨 연속 변환하는 버튼이 있어 ?redirect= 뒤에 숨은 주소를 풀 때 편합니다.

JSON — 2공백 또는 4공백으로 포맷하거나 한 줄로 압축하고, 문법 오류가 있으면 위치와 원인 메시지를 보여 줍니다. API 응답을 눈으로 읽기 전에 거치는 첫 단계로 쓰면 됩니다.

정규식 — 패턴과 플래그(g·i·m·s)를 넣으면 매칭 수, 각 매치의 위치, 캡처 그룹 내용이 목록으로 나옵니다. 하이라이트로 원문에서 어디가 잡혔는지 보이기 때문에 정규식 디버깅이 그림으로 끝납니다.

타임스탬프 — UNIX 시간을 날짜로, 날짜를 UNIX로 바꿉니다. 로그의 1723... 숫자가 언제였는지 궁금할 때의 단골 손님이죠. 현재 시각의 UNIX 값도 1초마다 갱신됩니다.

Diff — 두 텍스트를 줄 단위로 비교해 추가(초록)·삭제(빨강)를 표시합니다. 설정 파일 두 벌의 차이를 눈으로 확인할 때 좋습니다.

HEX 뷰어 — 텍스트를 헥스 덤프(오프셋 포함)로 보여 주고 역변환도 됩니다.

색상 · Lorem — HEX·RGB·HSL 변환과, 한국어/영어 더미 텍스트 생성(단락·문장·단위 선택)까지 붙어 있습니다.

붙여 넣은 데이터가 밖으로 나가지 않습니다

해시 계산, Base64, JSON 파싱은 전부 브라우저의 내장 기능으로 처리됩니다. 액세스 토큰, API 키, 고객 데이터 샘플 같은 것을 붙여 넣어도 어디로도 전송되지 않는다는 게 이 도구를 따로 쓰는 이유입니다. 페이지를 닫으면 입력 기록도 사라집니다.

메인 화면 좌측에서 탭을 고르는 구조인데, URL에 #hash, #json처럼 붙이면 해당 도구가 바로 열립니다. 자주 쓰는 도구가 정해져 있다면 북마크에 탭까지 저장해 두세요.

하루 두 번 쓰게 되는 조합 예시

• API 응답 디버깅 — JSON 탭에서 포맷 → 오류 위치 확인 → 필요한 값만 찾아 복사. 응답이 왜 이 모양인지 파악이 1분이면 끝납니다
• 웹훅 서명 검증 — 받은 원문을 해시 탭에 붙여 SHA-256 비교. 시크릿이 포함된 서명 검증을 외부 사이트에 보내지 않고 처리합니다
• JWT 내부 들여다보기 — 토큰의 두 번째 세그먼트를 Base64 디코드하면 payload JSON이 나옵니다. 만료 시각을 타임스탬프 탭에서 날짜로 바로 확인하죠
• 리다이렉트 URL 추적 — 인코딩 탭에서 URL 디코드 → 결과를 다시 입력으로 넘겨 연속 해제. ?next= 뒤에 겹겹 쌓인 주소를 순서대로 풀어 갑니다
• 설정 파일 비교 — Diff 탭에 두 버전을 넣고 바뀐 줄만 확인. 배포 전후의 설정 차이 점검에 씁니다

민감 데이터를 다루는 기준

온라인 변환 도구를 검색해 쓰던 습관을 한 번 점검해 볼 시점입니다. 액세스 토큰, API 키, 고객 정보가 담긴 JSON — 이런 것들을 출처를 알 수 없는 사이트에 붙여 넣는 순간 유출 경로가 하나 생깁니다. 이 도구는 입력이 브라우저 메모리를 벗어나지 않으니 네트워크 탭을 열어 확인해도 요청이 없습니다. 회사 정책상 외부 전송이 금지된 데이터라면 이런 로컬 처리 방식이 사실상 유일한 안전한 옵션입니다. 북마크에 #json, #hash 탭까지 저장해 두면 검색할 이유 자체가 사라집니다.

자주 묻는 질문

Q. MD5는 왜 지원하나요?
A. 여전히 쓰이는 레거시 시스템과 파일 체크섬 확인용입니다. 보안 목적에는 SHA-256 이상을 권합니다.

Q. 큰 파일도 처리되나요?
A. 텍스트 기준 수 MB까지는 브라우저에서 무리 없이 처리됩니다. 파일 자체가 아니라 복사한 내용을 붙여 넣는 방식입니다.

Q. 로그인이 필요한가요?
A. 필요 없습니다. 열면 바로 쓸 수 있고 모든 처리가 로컬입니다.

Q. 정규식이 서버 언어와 결과가 다를 수 있나요?
A. JavaScript 정규식 문법 기준입니다. 대부분의 패턴은 호환되지만 언어별 차이(lookbehind 지원 범위 등)는 있을 수 있습니다.

같이 쓰면 좋은 도구

• 마크다운 편집기 — 정리한 내용을 문서로 쓸 때
• 글자수 세기 — 로그·원문의 길이와 통계가 필요할 때

변환 도구는 쓰는 순간에만 존재 가치가 있습니다. 그 순간에 새 탭 열고 검색하는 시간을 아껴 보세요.

👉 웰컴스 개발자 도구 열어보기 →