개발ㆍ디자인 도구 모음
파비콘, JSONㆍBase64ㆍSQL 포매터, UUID, JSON-LD, robots.txt 생성기 등 개발자ㆍ디자이너 실무용 브라우저 도구 모음입니다.
개발ㆍ디자인 도구 목록
파비콘 생성기
이미지ㆍ텍스트ㆍ이모지로 favicon을 만들고 PNGㆍSVGㆍHTML 임베드 코드까지 한 번에 받습니다.
바로가기 →JSON 포매터ㆍ변환기
JSON 정렬ㆍ압축, YAMLㆍCSVㆍXML 변환을 한 페이지에서. 형식 자동 인식.
바로가기 →Base64 인코더ㆍ디코더
텍스트와 파일을 Base64로 인코딩ㆍ디코딩합니다. 자동 판별 지원.
바로가기 →SQL 포매터
SQL 쿼리를 보기 좋게 정렬합니다. MySQL, PostgreSQL 등 방언 지원.
바로가기 →HTMLㆍCSSㆍJS 포매터
HTML, CSS, JavaScript 코드를 정렬하거나 압축합니다.
바로가기 →UUID 생성기
UUID v4ㆍv7ㆍNIL을 한 번에 1~10,000개까지 생성합니다. 다양한 포맷ㆍ복사ㆍ다운로드 지원.
바로가기 →JSON-LD 생성기
Schema.org 구조화 데이터 6종과 deprecated 항목 안내를 제공합니다.
바로가기 →Robots.txt 생성기
검색엔진ㆍAI 크롤러의 접근을 제어하는 robots.txt 파일을 간편하게 생성합니다.
바로가기 →프로젝트마다 반복되는 변환 잡무
새 프로젝트를 열면 매번 같은 일이 붙습니다. API 응답 JSON을 눈으로 읽을 수 있게 펴 보고, 발급받은 토큰의 Base64 페이로드를 까 보고, 파비콘 세트를 만들고, 배포 전에 robots.txt를 적습니다. 답이 정해진 작업이라 고민할 것도 없는데, 그때마다 에디터 확장을 찾거나 앱을 설치하는 쪽이 오히려 번거롭습니다.
이미지 압축이나 PDF 병합처럼 자료를 만드는 작업은 생산성 도구에, Git 명령어나 HTTP 상태 코드 같은 참고 자료는 정보ㆍ레퍼런스에 따로 있습니다. 여기 도구는 전부 클라이언트에서만 돕니다. 붙여 넣은 JSONㆍSQLㆍ코드 조각도, 올린 이미지 파일도 네트워크를 타지 않으니 사내 API 응답을 그대로 붙여도 됩니다.
관련 공식 자료
- MDN Web Docs - HTMLㆍCSSㆍJS 표준 문법과 브라우저 지원 범위.
- JSON 개요(json.org) - 값ㆍ배열ㆍ이스케이프 규칙을 문법 다이어그램으로 정리한 요약. 표준 사양은 RFC 8259와 ECMA-404입니다.
- RFC 9562 - UUID 규격 원문. 2024년 RFC 4122를 대체하면서 v6~v8이 추가됐습니다.
- Schema.org - JSON-LD에 넣을 타입과 속성의 사전.
- 스키마 마크업 검사기 - 붙여 넣은 JSON-LD의 문법 오류와 인식되지 않는 속성 점검.
- Google robots.txt 사양 - 와일드카드와 규칙 우선순위를 구글이 어떻게 해석하는지.