브라우저에서 바로 쓰는 개발자 도구
QweDevBox는 개발하면서 매일 하는 작은 변환과 확인 작업을 위한 36개 도구 모음입니다. JSON 응답 정렬, JWT 디코딩, 정규식 테스트, cron 일정 해석, 설정 파일 두 개 비교 같은 일을 합니다.
이런 작업은 대부분 10초면 끝나지만, 검색해서 찾은 도구는 데이터를 업로드하라고 하거나, 로그인을 요구하거나, 서버 응답을 기다리게 하는 경우가 많습니다. 운영 토큰이나 고객 CSV를 어디 있는지 모르는 서버에 붙여넣는 일은 대부분의 팀이 피하고 싶어 합니다.
이 사이트의 도구는 모두 브라우저에서 JavaScript로 돌아갑니다. 페이지를 한 번 불러온 뒤에는 입력한 내용을 내 기기 안에서 처리합니다. 도구를 연 뒤 네트워크를 끊어도 계속 동작하며, 서버에 내 주소를 물어봐야 하는 내 IP 주소 도구만 예외입니다.
도구마다 텍스트를 받아 텍스트를 돌려주는 함수가 있고, 화면은 그 위에 얹혀 있습니다. 표준이 있는 형식은 표준을 따릅니다. JSON은 RFC 8259, Base64는 RFC 4648, JWT는 RFC 7519, UUID는 RFC 9562, X.509 인증서는 RFC 5280을 기준으로 하고, URL은 브라우저가 구현한 WHATWG URL 표준으로 해석합니다. SHA 해시는 브라우저의 Web Crypto API로 계산하고, Web Crypto에 없는 MD5는 따로 구현했습니다. 무작위 값은 브라우저가 암호 키를 만들 때 쓰는 crypto.getRandomValues에서 가져옵니다.
변환 로직은 배포할 때마다 자동 테스트를 거칩니다. 잘못된 입력, 한글 같은 비ASCII 문자, 빈 값, 아주 큰 숫자 같은 경계 사례도 테스트에 들어 있습니다. 처리할 수 없는 입력이면 조용히 틀린 결과를 내지 않고 이유를 보여 줍니다. 예를 들어 JSON 문법 오류는 줄과 열을 알려 줍니다.
YAML 파싱, CSV 파싱, Markdown 렌더링, QR 코드 생성 같은 일부 기능은 오픈소스 라이브러리를 씁니다. 전체 목록과 라이선스는 오픈소스 라이선스 페이지에 있습니다.
화면은 한국어, 영어, 일본어, 중국어(간체), 스페인어, 독일어, 프랑스어, 포르투갈어(브라질)로 볼 수 있습니다. 도구 페이지마다 설명, 사용 방법, 자주 묻는 질문도 각 언어로 들어 있습니다.
도구마다 마지막 입력과 옵션을 브라우저의 로컬 저장소에 저장해서, 탭을 닫았다가 다시 열어도 같은 상태로 돌아옵니다. 서버에는 아무것도 저장하지 않고, 브라우저에서 사이트 데이터를 지우면 함께 지워집니다.
game.qwedevbox.com에는 사다리 타기, 돌림판, 제비뽑기, 팀 나누기, 주사위 같은 모임용 도구가 있습니다. 사다리 타기, 돌림판, 제비뽑기는 링크로 방을 공유해서 회의에 모인 사람이 모두 같은 결과를 볼 수 있습니다.
이 사이트는 무료이고 광고 수익으로 운영합니다. 광고는 도구 위쪽의 고정된 자리에만 나와서 입력·출력 칸을 밀어내지 않습니다. Google AdSense가 쿠키를 쓰는 방식과 맞춤 광고를 끄는 방법은 개인정보처리방침에 적어 두었습니다.
버그 제보, 도구 요청, 그 밖의 문의: starho1994@gmail.com