개발하다 보면 “이걸 변환하려면 어디 가야 하지?“라는 생각이 자주 든다. JSON 포맷팅은 A 사이트, Base64 인코딩은 B 사이트, IP 계산은 C 사이트… 브라우저 탭이 끝없이 늘어나는 경험, 누구나 있을 것이다.

왜 만들었나?

2026년 2월, 나는 이 불편함을 해결하기 위해 tools 프로젝트를 시작했다. 목표는 단순했다: 개발자가 자주 쓰는 도구를 한 곳에 모으되, 개인정보 걱정 없이 사용할 수 있게 하자.

29개 도구, 4가지 카테고리

현재 서비스에는 총 29개의 도구가 있다:

🔧 기본 개발자 도구 (6개)

  • JSON 포매터/검증기: 실시간 통계, 구문 오류 표시
  • Base64 인코더/디코더: 텍스트/파일 지원, URL-Safe 옵션
  • 해시 계산기: MD5, SHA256, SHA512, HMAC 등
  • UUID 생성기: v1/v4 생성, 대량 생성, UUID 분석
  • QR코드 생성기: Wi-Fi/이메일/vCard 템플릿
  • 타임스탬프 변환기: 양방향 변환, 시간 계산

🌐 네트워크 엔지니어 도구 (7개)

  • IP 계산기, DNS 조회, 포트 체커
  • MAC 주소 조회, 네트워크 변환기
  • 대역폭 계산기, Whois 조회

🔧 인프라 엔지니어 도구 (8개)

  • YAML/JSON 변환기
  • Kubernetes 매니페스트 생성기
  • Docker Compose 생성기
  • CRON 표현식 해석기
  • 환경변수 파서, SSL 인증서 분석
  • 서버 용량 계산기, SSH 키 생성기

🛡️ 보안 엔지니어 도구 (8개)

  • 패스워드 생성/강도 분석
  • AES 암호화/복호화
  • JWT 토큰 분석/생성
  • 로그 분석 도구
  • SQL 인젝션 테스트
  • IP 평판 조회, 위협 분석

핵심 특징

1. 오프라인 우선 (Privacy First)

대부분의 도구는 클라이언트사이드에서 처리된다. JSON을 포맷팅하든 Base64를 인코딩하든, 데이터는 서버로 전송되지 않는다. 민감한 정보를 다루는 보안 도구도 브라우저 안에서만 작동한다.

2. 반응형 UI

TailwindCSS 기반으로 만들어져 모바일에서도 데스크톱에서도 편하게 사용할 수 있다. 다크모드도 지원한다.

3. 편의 기능

  • 복사 버튼: 클릭 한 번으로 결과 복사
  • 드래그앤드롭: 파일 업로드가 필요한 도구는 끌어다 놓기 지원
  • 키보드 네비게이션: 탭 구조로 빠른 이동

기술 스택

  • Backend: FastAPI (Python)
  • Frontend: TailwindCSS, Vanilla JavaScript
  • Deployment: Docker + Traefik + SSL 자동 인증
  • CI/CD: GitLab CI/CD 파이프라인

앞으로의 계획

현재 29개 도구지만, 목표는 100개다. 개발자, 네트워크, 인프라, 보안 엔지니어뿐 아니라 디자이너, 데이터 분석가, 마케터를 위한 도구도 추가할 예정이다.

마치며

웹 개발 트렌드를 보면 2026년은 AI-first development와 서버리스가 화두지만, 결국 개발자가 가장 많이 하는 일은 데이터를 변환하고, 검증하고, 분석하는 것이다. tools는 그 일을 조금 더 편하게 만들려는 작은 시도다.

필요한 도구가 있다면? 직접 만들어 추가하면 된다. 그게 개발자의 특권 아닐까.