백엔드 개발자가 반드시 북마크해야 할 10가지 무료 브라우저 기반 도구
Source: Dev.to
백엔드 개발자로서 나는 작은 하지만 반복적인 작업에 놀라울 정도로 많은 시간을 보낸다 — 서브넷 마스크 변환, JWT 디코딩, SQL 쿼리 포맷팅, 혹은 데모 전 테스트 데이터 생성 등. 이러한 작업들은 어려운 문제는 아니지만, 매번 적절한 도구를 찾기 위해 시간을 잡아먹는다.
Source: …
도구
1. IP / 서브넷 계산기
Handy Dev Tools — IP Calculator
CIDR 예시 192.168.1.0/24 를 붙여넣으면 네트워크 주소, 브로드캐스트 주소, 와일드카드 마스크, 사용 가능한 호스트 범위, 그리고 2진/16진 표기법을 즉시 확인할 수 있습니다. 이를 Subnet Split 도구와 함께 사용하면 네트워크를 개수, 호스트 요구량, 혹은 프리픽스 길이 기준으로 동일한 서브넷으로 나눌 수 있으며, 결과를 CSV로 내보낼 수 있습니다. VPC 주소 공간을 설계하거나 방화벽 규칙을 작성할 때 수학을 빠르게 검증하고 싶을 때 유용합니다.
2. CloudFront 서명 URL 생성기
Handy Dev Tools — CloudFront Signer
RSA‑SHA1을 사용해 브라우저에서 완전히 AWS CloudFront 서명 URL을 생성합니다. Canned Policy(만료만)와 Custom Policy(IP 제한, 시작 시간, 와일드카드 리소스 패턴) 모두 지원합니다. 개인 키는 브라우저 메모리에서만 처리되어 절대로 외부로 전송되지 않습니다. 애플리케이션 코드에 적용하기 전에 서명 URL 동작을 빠르게 테스트하고 싶을 때 편리합니다.
3. JWT 디코더
JWT를 붙여넣으면 디코딩된 헤더, 페이로드, 서명 검증 상태를 즉시 확인할 수 있습니다. 기대한 대로 동작하므로 이미 사용 중이라면 교체할 필요가 없습니다.
4. S3 경로 포매터
Handy Dev Tools — S3 Path Formatter
한 곳에서 모든 S3 형식 간 변환을 수행합니다: s3:// URI, ARN, 경로‑스타일 HTTP URL, 가상‑호스트 URL, CloudFront URL, 그리고 AWS 콘솔 URL. 어느 형식이든 붙여넣으면 나머지 형식을 즉시 얻을 수 있어, AWS CLI, SDK, IAM 정책, 혹은 CloudFront 오리진 설정이 요구하는 형식을 기억해야 하는 부담을 줄여줍니다.
5. JSON / YAML / SQL 포매터
브라우저에서 빠르게 동작하는 포매터로 JSON, YAML, SQL(다이얼렉트 지원), XML, GraphQL, Markdown을 포맷합니다. SQL 포매터는 의미를 유지하면서 들여쓰기와 키워드 대소문자를 정규화해 줍니다—마이그레이션 파일을 커밋하기 전에 유용합니다.
6. 정규식 테스터
가장 뛰어난 전용 정규식 도구입니다. PCRE, JavaScript, Python, Go, Java를 지원하며 매치 설명과 저장된 표현식 라이브러리를 제공합니다. 복잡한 패턴 작업에 이상적입니다.
7. 테스트 데이터 생성기
Handy Dev Tools — Test Data Generator
50개 이상의 필드 타입(예: UUID, 이름, 주소, 전화번호, IP 주소, JWT 토큰, API 키, 신용카드 번호, 일본 연호 날짜 등)에서 최대 10,000행의 현실적인 더미 데이터를 생성합니다. 출력 형식은 JSON, CSV, SQL INSERT, Laravel Seeder 등을 포함합니다. Laravel Seeder 출력은 DatabaseSeeder.php에 바로 붙여넣을 수 있습니다.
8. 해시 생성기
Handy Dev Tools — Hash Generator
MD5, SHA‑1, SHA‑256/512, SHA‑3, bcrypt, scrypt, Argon2, HMAC 변형, CRC32 등을 텍스트와 파일 입력 모두에 대해 지원합니다. 모든 해싱이 클라이언트‑사이드에서 수행되므로 민감한 데이터를 다룰 때 중요합니다.
9. cURL → 코드 변환기
cURL 명령을 붙여넣으면 Python(requests), JavaScript(fetch/axios), PHP, Go, Ruby 등으로 변환된 코드를 얻을 수 있습니다. 브라우저 DevTools에서 요청을 복사해 백엔드 코드에 재현할 때 매우 유용합니다.
10. HTTP 상태 코드 검색기
Handy Dev Tools — HTTP Status Search
코드 번호나 키워드(예: “redirect”, “auth”, “rate”)로 검색하면 상태 이름, 의미, 일반적인 원인, 사용 시점을 제공합니다. 데이터베이스가 페이지에 번들되어 있어 오프라인에서도 동작합니다. 400 vs 422, 301 vs 307을 결정할 때 빠른 레퍼런스로 활용하세요.
마무리
대부분의 도구는 한 가지 일을 잘 수행하고 방해하지 않습니다. 제가 가장 자주 사용하는 도구는 서브넷 계산기, S3 경로 포맷터, 테스트 데이터 생성기이며—이들은 워크플로를 느리게 할 정도로 지루하지만, 맞춤 스크립트를 작성할 만큼 복잡하지 않은 문제를 해결합니다.
목록에 포함될 도구를 알고 계시다면, 댓글로 공유해 주세요.
Tools 1, 2, 4, 5, 7, 8, 10은 Handy Dev Tools — 7개 언어로 제공되는 69개 이상의 브라우저 기반 도구가 포함된 무료 오픈 툴킷에서 가져왔습니다.