개발자 도구

카테고리 안내

개발자 도구는 JSON 정리, 코드 비교, UUID, JWT, 정규식, 색상, CSS 단위처럼 구현과 디버깅 중 반복되는 작은 확인 작업을 빠르게 처리합니다. 입력과 출력이 분명한 도구부터 공개해, 콘솔이나 별도 스크립트를 열기 전 1차 검산에 쓰기 좋게 구성했습니다.

토큰, 키, 로그처럼 민감할 수 있는 값은 공유 환경에서 붙여넣기 전 보안 정책을 확인해야 합니다. 브라우저 처리 도구라도 업무 데이터 사용 기준은 각 조직의 규칙을 우선합니다.

현재 12개 대표 도구를 우선 공개하고 있으며, JSON 포매터, UUID 생성기, SQL 포매터, HTML 포매터, CSS 포매터 등을 포함합니다.

개발자 도구 목록

• JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
• UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.
• SQL 포매터 - 압축되거나 뒤섞인 SQL 쿼리를 SELECT·FROM·WHERE·JOIN 등 절 단위로 보기 좋게 정렬합니다. MySQL·PostgreSQL·SQLite 등 주요 DBMS 방언을 지원합니다.
• HTML 포매터 - 한 줄로 압축되거나 들여쓰기가 엉망인 HTML 코드를 태그 계층에 맞춰 줄바꿈과 들여쓰기로 정리합니다. CMS·API에서 받은 HTML 응답을 분석할 때 특히 유용합니다.
• CSS 포매터 - minify되거나 뒤섞인 CSS 코드를 선택자·속성별로 줄 분리해 정렬합니다. @media 쿼리와 :root 변수 블록도 계층에 맞게 들여쓰기합니다.
• 코드 비교 도구 - 두 코드 또는 텍스트를 줄 단위로 비교해 추가·삭제 내용을 표시합니다.
• Cron 표현식 생성기 - 분, 시, 일, 월, 요일 값을 조합해 cron 표현식을 생성합니다.
• HTTP 상태 코드 조회 - HTTP 상태 코드의 이름과 의미를 빠르게 조회합니다.
• cURL → fetch 변환기 - cURL 명령어를 JavaScript fetch 코드로 즉시 변환합니다. API 문서에서 cURL 샘플을 복사해 붙여넣으면 메서드·헤더·바디가 모두 채워진 fetch 함수를 생성합니다.
• .env 정리 도구 - .env 파일의 키를 알파벳순으로 정렬하고 중복 변수를 탐지합니다. 개발·스테이징·운영 환경 파일을 정리하거나 신규 팀원 온보딩 시 빠르게 변수 목록을 파악할 때 유용합니다.
• package.json 정리 도구 - package.json을 붙여넣으면 scripts·dependencies·devDependencies를 알파벳순으로 정렬하고 주요 필드를 한눈에 파악할 수 있게 표시합니다. 패키지 의존성 현황 점검과 신규 프로젝트 리뷰에 유용합니다.
• semver 비교기 - 두 시맨틱 버전(semver)의 크기를 비교하고 버전 범위 표기를 해석합니다.