# Web

> JSON, HTML, CSS, JS, XML, SQL, Markdown, URL, 정규식을 정리합니다.

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

- [JSON 정리](https://toolbuddy.dev/ko/tools/json-formatter.md): 브라우저에서 JSON을 보기 좋게 만들고, 한 줄로 줄이고, 검사합니다. 본문을 붙여 넣고 들여쓰기를 맞추고 문법 오류를 찾습니다. 서버로 보내지 않습니다. API, 설정 파일, 중첩 객체에 씁니다. 결과는 기기에 남습니다.
- [JavaScript 정리](https://toolbuddy.dev/ko/tools/javascript-formatter.md): 브라우저에서 JavaScript를 보기 좋게 만들거나 압축합니다. DevTools에서 복사한 한 줄 코드를 다시 들여쓰거나, 공백을 빼서 대략적인 크기를 봅니다. 정리는 기기에서 끝나므로 전용 스크립트가 외부 정리 서비스로 가지 않습니다.
- [SQL 정리](https://toolbuddy.dev/ko/tools/sql-formatter.md): 브라우저에서 방언을 알아보는 SQL 정리를 합니다. PostgreSQL, MySQL, SQLite, T-SQL을 지원합니다. 쿼리를 붙여 넣고 들여쓰기를 고른 다음, 읽기 쉬운 SQL을 복사합니다. 문장은 정리 서비스로 가지 않습니다.
- [HTML 정리](https://toolbuddy.dev/ko/tools/html-formatter.md): HTML을 기기에서 보기 좋게 만들거나 줄입니다. 중첩된 태그의 들여쓰기를 맞추고, 배포용 조각의 공백을 줄인 다음 마크업을 복사합니다. 템플릿을 정리 서비스에 올리지 않습니다. 메일, 부분 템플릿, DevTools에서 복사한 지저분한 코드에 씁니다.
- [CSS 정리](https://toolbuddy.dev/ko/tools/css-formatter.md): 브라우저에서 CSS를 정리하고 줄입니다. 규칙을 펼쳐 읽거나, 스타일시트를 압축해 대략적인 크기를 봅니다. 조각을 붙여 넣고 선택자와 선언을 정리한 다음 복사합니다. 전용 스타일은 업로드하지 않습니다.
- [XML 정리](https://toolbuddy.dev/ko/tools/xml-formatter.md): 브라우저에서 XML 문서를 보기 좋게 만들거나 줄입니다. SOAP, RSS, 설정 파일의 중첩 요소를 들여쓰거나 공백을 줄입니다. 해석과 정리는 탭을 떠나지 않습니다.
- [URL 인코더](https://toolbuddy.dev/ko/tools/url-encoder.md): encodeURIComponent 방식으로 URL과 쿼리 매개변수를 퍼센트 인코딩하고 되돌립니다. 깨진 링크를 고치고, 예약 문자를 이스케이프하고, 인코딩된 쿼리를 기기에서 살펴봅니다.
- [URL 분석](https://toolbuddy.dev/ko/tools/url-parser.md): 브라우저 URL API로 URL을 프로토콜, 호스트, 포트, 경로, 쿼리, 해시로 나눕니다. 검색 매개변수를 JSON으로 봅니다. 원격 분석기는 없습니다. 로그 한 줄이 긴 주소일 때 씁니다.
- [HTML 이스케이프](https://toolbuddy.dev/ko/tools/html-entities.md): 브라우저에서 HTML 엔티티를 이스케이프하고 되돌립니다. <, >, &, 따옴표를 엔티티로 바꾸거나 &amp; 를 문자로 되돌립니다. 아무것도 업로드하지 않습니다. 템플릿과 메일 HTML에 씁니다.
- [JSON 이스케이프](https://toolbuddy.dev/ko/tools/json-escape.md): JSON 안에 넣을 문자열의 따옴표, 역슬래시, 제어 문자를 이스케이프하거나 JSON 문자열 리터럴을 되돌립니다. 탭의 JSON.stringify와 JSON.parse를 쓰므로 픽스처 텍스트가 호스팅된 이스케이프 서비스로 가지 않습니다.
- [HTML 제거](https://toolbuddy.dev/ko/tools/strip-html.md): 태그를 지우고, 원하면 엔티티를 되돌려 HTML 조각을 일반 텍스트로 바꿉니다. 메일, CMS 내보내기, 수집한 조각에서 읽을 글을 꺼냅니다. 마크업을 정리 API로 보내지 않습니다.
- [Markdown 편집기](https://toolbuddy.dev/ko/tools/markdown-editor.md): 브라우저에서 Markdown을 쓰고 미리 봅니다. README 절, 문서, 댓글을 작성한 다음 Markdown이나 렌더된 HTML을 복사합니다. 미리보기는 기기에 남으므로 아직 공개하지 않은 문서와 내부 메모가 클라우드 편집기로 가지 않습니다.
- [Mermaid 다이어그램](https://toolbuddy.dev/ko/tools/mermaid-diagram.md): 텍스트로 Mermaid 다이어그램을 그립니다. 흐름도, 시퀀스, ER 등을 지원합니다. DSL을 붙여 넣고 그래프를 본 다음 문서용 원문을 복사합니다. 렌더는 클라이언트에서 하므로 구조 스케치가 컴퓨터를 떠나지 않습니다.
- [텍스트 비교](https://toolbuddy.dev/ko/tools/text-diff.md): 텍스트 두 덩어리를 비교하고 추가, 삭제, 그대로인 줄을 표시합니다. 민감한 차이를 온라인 비교기에 붙이고 싶지 않을 때 설정, 문장, 로그 조각을 검토합니다. 비교는 모두 로컬입니다.
- [정규식 시험](https://toolbuddy.dev/ko/tools/regex-tester.md): 브라우저에서 JavaScript 정규식을 시험합니다. 패턴과 문자열을 붙여 넣고 플래그를 켠 다음, 일치와 캡처 그룹을 보고 일치나 치환을 복사합니다. 패턴은 탭을 떠나지 않습니다.
- [줄 도구](https://toolbuddy.dev/ko/tools/line-tools.md): 브라우저에서 줄을 정렬하고, 중복을 제거하고, 뒤집고, 섞고, 다듬습니다. 로그나 설정 파일의 목록을 붙여 넣고 결과를 복사합니다. 작업은 기기에 남습니다.
- [JSON 수리](https://toolbuddy.dev/ko/tools/json-repair.md): 끝의 쉼표, 주석, 따옴표 없는 키처럼 흔한 JSON 고장을 고친 다음 결과를 보기 좋게 만듭니다. 로컬에서 돌므로 깨진 픽스처가 수리 서비스로 가지 않습니다.
- [JSON을 JSON Schema로](https://toolbuddy.dev/ko/tools/json-schema.md): 예시 객체나 배열에서 JSON Schema를 추정합니다. 타입, 속성, 필수 키를 탭 안에서 뽑습니다. API 계약의 시작점이며, 2020 초안의 완전한 생성기는 아닙니다.
- [JSON 차이](https://toolbuddy.dev/ko/tools/json-diff.md): JSON 문서 두 개를 경로별로 비교합니다. 추가, 삭제, 변경된 값을 봅니다. 줄 단위 텍스트 차이는 아닙니다. 비교는 로컬입니다.
- [JSONPath 시험](https://toolbuddy.dev/ko/tools/jsonpath-tester.md): 브라우저에서 JSONPath로 JSON을 조회합니다. 문서를 붙여 넣고 $.users[*].id 같은 경로를 쓴 다음 일치하는 값을 복사합니다. 원격 질의 엔진은 없습니다.
- [JSON-LD 검사](https://toolbuddy.dev/ko/tools/jsonld-inspector.md): 붙여 넣은 JSON-LD나 script type=application/ld+json 블록을 검사합니다. 페이지를 받지 않고 @type, @context, 키를 봅니다. 해석은 기기에 남습니다.
- [문자열 길이](https://toolbuddy.dev/ko/tools/string-length.md): 붙여 넣은 문자열의 문자, 단어, 줄, UTF-8 바이트를 셉니다. 본문 크기가 제한에 들어가는지 볼 때 씁니다. 세기는 로컬입니다.
- [XML 검사](https://toolbuddy.dev/ko/tools/xml-validator.md): 브라우저 DOMParser로 XML이 올바른 형식인지 확인합니다. XSD나 DTD 검증이 아니며 스키마를 받지 않습니다.
- [XPath 시험](https://toolbuddy.dev/ko/tools/xpath-tester.md): 브라우저에서 붙여 넣은 XML에 XPath 식을 평가합니다. 일치하는 노드의 텍스트를 나열합니다. 원격 XML 처리기는 없습니다.
- [템플릿 문자열](https://toolbuddy.dev/ko/tools/template-string.md): JSON 객체로 ${path}나 {{ path }} 자리 표시를 채웁니다. 렌더는 로컬 문자열 치환입니다.
- [스택 추적 정리](https://toolbuddy.dev/ko/tools/stack-trace.md): JavaScript, Java, Go 스택 추적을 보기 좋게 만듭니다. 프레임을 들여써서 읽습니다. 형식은 로컬입니다.