ToolBuddy

Web

브라우저에서 쓰는 웹 개발 도구입니다. JSON, HTML, CSS, JavaScript, XML, SQL, Markdown, 차이 비교, 정규식, URL을 다룹니다. 모든 도구가 이 기기에서 실행되므로 데이터, 템플릿, 토큰은 컴퓨터 밖으로 나가지 않습니다.

JSON 정리

브라우저에서 JSON을 보기 좋게 만들고, 한 줄로 줄이고, 검사합니다. 본문을 붙여 넣고 들여쓰기를 맞추고 문법 오류를 찾습니다. 서버로 보내지 않습니다. API, 설정 파일, 중첩 객체에 씁니다. 결과는 기기에 남습니다.

JavaScript 정리

브라우저에서 JavaScript를 보기 좋게 만들거나 압축합니다. DevTools에서 복사한 한 줄 코드를 다시 들여쓰거나, 공백을 빼서 대략적인 크기를 봅니다. 정리는 기기에서 끝나므로 전용 스크립트가 외부 정리 서비스로 가지 않습니다.

SQL 정리

브라우저에서 방언을 알아보는 SQL 정리를 합니다. PostgreSQL, MySQL, SQLite, T-SQL을 지원합니다. 쿼리를 붙여 넣고 들여쓰기를 고른 다음, 읽기 쉬운 SQL을 복사합니다. 문장은 정리 서비스로 가지 않습니다.

HTML 정리

HTML을 기기에서 보기 좋게 만들거나 줄입니다. 중첩된 태그의 들여쓰기를 맞추고, 배포용 조각의 공백을 줄인 다음 마크업을 복사합니다. 템플릿을 정리 서비스에 올리지 않습니다. 메일, 부분 템플릿, DevTools에서 복사한 지저분한 코드에 씁니다.

CSS 정리

브라우저에서 CSS를 정리하고 줄입니다. 규칙을 펼쳐 읽거나, 스타일시트를 압축해 대략적인 크기를 봅니다. 조각을 붙여 넣고 선택자와 선언을 정리한 다음 복사합니다. 전용 스타일은 업로드하지 않습니다.

XML 정리

브라우저에서 XML 문서를 보기 좋게 만들거나 줄입니다. SOAP, RSS, 설정 파일의 중첩 요소를 들여쓰거나 공백을 줄입니다. 해석과 정리는 탭을 떠나지 않습니다.

URL 인코더

encodeURIComponent 방식으로 URL과 쿼리 매개변수를 퍼센트 인코딩하고 되돌립니다. 깨진 링크를 고치고, 예약 문자를 이스케이프하고, 인코딩된 쿼리를 기기에서 살펴봅니다.

URL 분석

브라우저 URL API로 URL을 프로토콜, 호스트, 포트, 경로, 쿼리, 해시로 나눕니다. 검색 매개변수를 JSON으로 봅니다. 원격 분석기는 없습니다. 로그 한 줄이 긴 주소일 때 씁니다.

HTML 이스케이프

브라우저에서 HTML 엔티티를 이스케이프하고 되돌립니다. <, >, &, 따옴표를 엔티티로 바꾸거나 &amp; 를 문자로 되돌립니다. 아무것도 업로드하지 않습니다. 템플릿과 메일 HTML에 씁니다.

JSON 이스케이프

JSON 안에 넣을 문자열의 따옴표, 역슬래시, 제어 문자를 이스케이프하거나 JSON 문자열 리터럴을 되돌립니다. 탭의 JSON.stringify와 JSON.parse를 쓰므로 픽스처 텍스트가 호스팅된 이스케이프 서비스로 가지 않습니다.

HTML 제거

태그를 지우고, 원하면 엔티티를 되돌려 HTML 조각을 일반 텍스트로 바꿉니다. 메일, CMS 내보내기, 수집한 조각에서 읽을 글을 꺼냅니다. 마크업을 정리 API로 보내지 않습니다.

Markdown 편집기

브라우저에서 Markdown을 쓰고 미리 봅니다. README 절, 문서, 댓글을 작성한 다음 Markdown이나 렌더된 HTML을 복사합니다. 미리보기는 기기에 남으므로 아직 공개하지 않은 문서와 내부 메모가 클라우드 편집기로 가지 않습니다.

Mermaid 다이어그램

텍스트로 Mermaid 다이어그램을 그립니다. 흐름도, 시퀀스, ER 등을 지원합니다. DSL을 붙여 넣고 그래프를 본 다음 문서용 원문을 복사합니다. 렌더는 클라이언트에서 하므로 구조 스케치가 컴퓨터를 떠나지 않습니다.

텍스트 비교

텍스트 두 덩어리를 비교하고 추가, 삭제, 그대로인 줄을 표시합니다. 민감한 차이를 온라인 비교기에 붙이고 싶지 않을 때 설정, 문장, 로그 조각을 검토합니다. 비교는 모두 로컬입니다.

정규식 시험

브라우저에서 JavaScript 정규식을 시험합니다. 패턴과 문자열을 붙여 넣고 플래그를 켠 다음, 일치와 캡처 그룹을 보고 일치나 치환을 복사합니다. 패턴은 탭을 떠나지 않습니다.

줄 도구

브라우저에서 줄을 정렬하고, 중복을 제거하고, 뒤집고, 섞고, 다듬습니다. 로그나 설정 파일의 목록을 붙여 넣고 결과를 복사합니다. 작업은 기기에 남습니다.

JSON 수리

끝의 쉼표, 주석, 따옴표 없는 키처럼 흔한 JSON 고장을 고친 다음 결과를 보기 좋게 만듭니다. 로컬에서 돌므로 깨진 픽스처가 수리 서비스로 가지 않습니다.

JSON을 JSON Schema로

예시 객체나 배열에서 JSON Schema를 추정합니다. 타입, 속성, 필수 키를 탭 안에서 뽑습니다. API 계약의 시작점이며, 2020 초안의 완전한 생성기는 아닙니다.

JSON 차이

JSON 문서 두 개를 경로별로 비교합니다. 추가, 삭제, 변경된 값을 봅니다. 줄 단위 텍스트 차이는 아닙니다. 비교는 로컬입니다.

JSONPath 시험

브라우저에서 JSONPath로 JSON을 조회합니다. 문서를 붙여 넣고 $.users[*].id 같은 경로를 쓴 다음 일치하는 값을 복사합니다. 원격 질의 엔진은 없습니다.

JSON-LD 검사

붙여 넣은 JSON-LD나 script type=application/ld+json 블록을 검사합니다. 페이지를 받지 않고 @type, @context, 키를 봅니다. 해석은 기기에 남습니다.

문자열 길이

붙여 넣은 문자열의 문자, 단어, 줄, UTF-8 바이트를 셉니다. 본문 크기가 제한에 들어가는지 볼 때 씁니다. 세기는 로컬입니다.

XML 검사

브라우저 DOMParser로 XML이 올바른 형식인지 확인합니다. XSD나 DTD 검증이 아니며 스키마를 받지 않습니다.

XPath 시험

브라우저에서 붙여 넣은 XML에 XPath 식을 평가합니다. 일치하는 노드의 텍스트를 나열합니다. 원격 XML 처리기는 없습니다.

템플릿 문자열

JSON 객체로 ${path}나 {{ path }} 자리 표시를 채웁니다. 렌더는 로컬 문자열 치환입니다.

스택 추적 정리

JavaScript, Java, Go 스택 추적을 보기 좋게 만듭니다. 프레임을 들여써서 읽습니다. 형식은 로컬입니다.