형편없는 툴 사이트에 지쳐서 직접 만들었습니다 (120+ 무료 Dev Tools)

Source: Dev.to

코드를 하루 종일 작성한다면, 이 상황을 한 번쯤은 겪어봤을 겁니다.

뭔가 작업을 하던 중에, 단지 다음만 필요할 때:

• JWT 디코드
• 형편없는 JSON을 예쁘게 출력
• 정규식 테스트
• 유닉스 타임스탬프 변환
• URL / Base64 문자열 인코드 혹은 디코드

그래서 구글에 검색하고, 첫 번째 결과를 클릭하면… 쿠키 배너, 뉴스레터 팝업, “계속하려면 계정을 만들라”는 메시지, 그리고 광고가 나타나 입력창을 보기 전에 방해가 됩니다. 페이지가 정리될 때쯤이면, 원래 하려던 일을 잊어버리게 됩니다.

그런 상황을 너무 많이 겪은 뒤에 저는 Tool Vault를 만들었습니다 – 120개가 넘는 작은 도구들을 한데 모아, 방해받지 않게 사용할 수 있게 했죠.

👉 회원가입도, 온보딩도 필요 없습니다. 붙여넣고, 원하는 결과를 얻은 뒤 바로 떠나세요.

왜 이걸 만들었는지

이것은 “주말 프로젝트”로 시작했지만 조용히 커져갔습니다. 나는 같은 문제들을 계속해서 발견했습니다:

• 간단한 도구들이 무겁게 느껴졌다
• 모든 것이 내 이메일을 요구했다
• 절반 정도의 사이트가 모바일에서 깨졌다
• 많은 경우 별다른 이유 없이 데이터를 백엔드로 전송했다

그래서 나는 몇 가지 규칙을 정했습니다:

• 빠르게 유지한다. 페이지는 나쁜 Wi‑Fi 환경에서도 즉시 로드되는 느낌이어야 한다.
• 가능한 한 브라우저에서 처리한다. 로컬에서 실행될 수 있다면 그렇게 한다.
• 계정 없음. 또 하나의 로그인은 필요하지 않다.
• 휴대폰에서도 사용할 수 있게 만든다. 운영상의 문제는 당신이 책상에 앉아 있을 때까지 기다리지 않는다.

실제로 사용하게 된 몇 가지 도구를 손에 넣자, 멈추기 어려웠다.

Some Of The Tools Developers Seem To Use Most

🔐 JWT Decoder

토큰을 붙여넣으면 내부 내용을 확인할 수 있습니다:

• 헤더와 페이로드가 디코딩됨
• 클레임이 명확하게 정리됨

모두 브라우저에서 실행되므로 토큰을 임의의 서버로 전송하지 않습니다. “왜 이 요청이 인증되지 않았지?” 하는 순간에 유용합니다.

🧾 JSON Formatter & Validator

로그나 API 응답이 한 줄로 길게 나올 때:

• JSON을 보기 좋게 포맷해 줍니다
• 구문 오류를 알려줍니다
• 모든 것을 깨뜨리는 이상한 필드를 쉽게 찾을 수 있게 해줍니다

🔤 HTML Entity Converter

다음과 같은 상황에 유용합니다:

• CMS와 템플릿 사이에 콘텐츠를 복사할 때
• “와 & 가 여기저기 있을 때
• 이중 이스케이프된 텍스트를 정리할 때

엔티티 ↔ 일반 텍스트 변환.

🧪 Regex Tester

샘플 텍스트를 붙여넣고 패턴을 입력하면 즉시 매치를 확인할 수 있습니다. 다음에 편리합니다:

• 로그 스크래핑
• 입력 검증
• “이 패턴이 의미가 있나?” 빠른 확인

🔁 Base64 Encode / Decode

API가 모든 것을 Base64로 처리할 때:

• 헤더/페이로드용 텍스트를 인코딩
• 블롭을 디코딩해 실제 내용을 확인

간단하고 빠르며 예측 가능합니다.

🆔 UUID Generator

버튼을 클릭하면 UUID를 생성합니다. 시드 데이터, 테스트 ID, 혹은 “충분히 랜덤한” 식별자가 필요할 때 유용합니다.

⏰ Unix Timestamp Converter

1705075200을 실제 날짜로 변환하고 다시 되돌릴 수 있습니다. 로그, 스케줄, “초 vs. 밀리초” 문제를 검증할 때 편리합니다.

🧮 Hash Generator

MD5 / SHA‑1 / SHA‑256 / SHA‑512 해시를 생성합니다:

• 파일/문자열 빠른 검증
• 데이터 이동 시 무결성 확인

클라이언트 측에서 실행되므로 브라우저를 떠나는 데이터가 없습니다.

📅 Cron Expression Helper

크론 표현식을 입력하면 실제 실행 시점을 자연어로 알려줍니다. 실수로 새벽 3시 작업이 실행되는 일을 방지하세요.

내가 다르게 시도하려는 것

많은 사이트가 비슷한 도구를 제공한다. 여기서 중요한 것은 도구의 독창성이 아니라 동작 방식이다.

• 낮은 마찰 – 로그인 벽이 없고, “결과를 보려면 가입하세요”, “프로젝트를 먼저 생성하세요” 같은 요구가 없다. 대부분의 페이지는 입력 상자를 자동으로 포커스해 두어, 복사‑붙여넣기만 하면 바로 사용할 수 있다.
• 로컬 우선 – 안전한 경우(JWT, 해싱, 인코딩/디코딩, 포맷팅 등) 모든 처리를 브라우저에서 수행한다. 민감한 문자열이 백엔드로 전송되지 않는다.
• 눈에 거슬리지 않는 광고 – 광고는 존재한다(서버는 공짜가 아니다)지만, 도구를 가리지 않으며, 입력과 출력 사이에 끼어들지 않고, 모바일 환경을 방해하지 않는다.

실제 상황에서 도움이 되는 경우

• 당신이 온콜 중에 누군가 JWT나 타임스탬프를 Slack에 붙여넣고, 이를 휴대폰으로 확인해야 할 때.
• 서드파티 API가 데이터를 이중 인코딩해서 Base64 + HTML 엔티티 + 특이한 JSON을 풀어야 할 때.
• 무작위 서버에 데이터를 보내고 싶지 않은 경우.
• 크론 문자열이나 해시를 확인하고 바로 에디터로 돌아가고 싶을 때.

이러한 작업은 화려하지는 않지만, 다른 모든 것이 원활히 돌아가게 하는 접착제와 같습니다.

사용해 보고 싶으신가요?

새로운 “오, 저 사이트” 도구 세트를 백팩에 넣고 싶다면:

👉 Tool Vault — 120+ Free Tools & Calculators

도구를 하나 골라서 워크플로에 맞는지 확인해 보세요. 몇 개의 탭을 줄이고 약간의 좌절감을 없앨 수 있다면, 제 역할을 하고 있는 겁니다.

진심으로 피드백을 받고 싶어요

시도해 보신다면 다음에 관심이 있습니다:

• 실제로 즐겨찾기 할 도구는 무엇인지
• UI에서 불편하거나 혼란스러운 점
• 아직 없지만 있었으면 하는 도구

저는 이것을 장기적인 사이드 프로젝트로 보고 있기 때문에, 다른 개발자들의 솔직한 피드백이 공허하게 추측하는 것보다 훨씬 유용합니다.

읽어 주셔서 감사합니다—그리고 Tool Vault가 어느 밤에 귀찮은 디버깅을 할 때 조용히 30초를 절약해 준다면, 그것이 바로 전체 목적입니다.