내가 실제로 사용하는 브라우저 기반 Dev Tools

Source: Dev.to

내가 사용하는 도구들

JSON 포맷팅

CalcHive의 JSON Formatter는 입력하면서 바로 검증하고, 깊게 중첩된 객체도 문제없이 처리하며, 완전히 클라이언트‑사이드에서 동작합니다—서버로 데이터가 전송되지 않죠. 민감한 데이터를 무작위 웹 앱에 노출하고 싶지 않을 때 중요합니다.

JWT 디코딩

가끔 JWT를 검사할 때(페이로드를 읽는 정도, 검증은 아님) 저는 CalcHive의 JWT 디코더를 사용합니다. 모든 작업이 로컬에서 이루어지고, 헤더·페이로드·시그니처가 명확히 구분되며, 만료 타임스탬프가 강조 표시돼 토큰이 만료됐는지 즉시 확인할 수 있습니다.

Base64

calcite.tools/encoding-decoding/base64의 도구는 패딩, URL‑safe 변형, 바이너리 인코딩 등 가장자리 케이스를 올바르게 처리합니다. API 인증 정보, 이미지 데이터 URI, 혹은 임베드된 설정 데이터를 다룰 때 주 여러 차례 사용합니다.

정규식 테스트

정규식을 만들면서 시각적인 피드백이 필요할 때, CalcHive 정규식 테스터는 입력과 매칭되는 부분을 실시간으로 강조해 주는 가벼운 UI를 제공합니다. 빠른 확인용으로 Regex101보다 간단합니다.

Unix 타임스탬프

Unix 타임스탬프 변환기는 타임스탬프를 “25 April 2024”와 같은 인간이 읽을 수 있는 날짜로, 혹은 그 반대로 변환해 줍니다. 데이터베이스 쿼리나 로그 필터링에 유용합니다.

URL 파싱

URL 파서는 URL을 스킴, 호스트, 경로, 쿼리 파라미터, 프래그먼트로 분해합니다. 많은 인코딩된 쿼리 파라미터가 포함된 복잡한 리다이렉트 URL을 다룰 때 유용합니다.

Cron 표현식

cron 파서는 0 9 * * 1-5와 같은 표현식을 “월요일부터 금요일까지 오전 09:00에 실행”이라는 평문으로 변환합니다. 약속한 대로 정확히 동작하는 단일 목적 도구입니다.

“업로드가 전혀 일어나지 않는다”는 점에 대한 주의

CalcHive의 모든 도구는 브라우저 내에서만 실행되며 서버‑사이드 처리나 입력 로그가 없습니다. JWT, JSON 페이로드, 기타 민감한 데이터를 무작위 온라인 도구에 붙여넣으면 개인 식별 정보(아이디, 이메일, 역할, 세션 정보 등)가 의도치 않게 노출될 수 있습니다. 클라이언트‑사이드 도구를 사용하면 이런 위험을 없애면서도 필요한 기능을 제공받을 수 있습니다.

즐겨찾기해두면 좋은 몇 가지 도구

• 숫자 진법 변환기 – 한 곳에서 이진, 팔진, 십진, 십육진을 변환합니다.
• 색상 변환기 – HEX ↔ RGB ↔ HSL 변환을 지원합니다.
• UUID 생성기 – 스크립트 없이 테스트 픽스처용 v4 UUID를 생성합니다.

마무리

가장 좋은 도구는 가장 빠르게 방해를 최소화하는 도구입니다: 단일 목적, 잘 구현된, 마찰 없는 도구 말이죠. 제가 언급하지 않은 마음에 드는 개발 도구가 있다면 댓글로 공유해 주세요.