XML 입력

트리 출력

큰 XML 파일을 열고 꺾쇠 괄호의 벽을 바라보며 요소가 어디서 끝나고 시작되는지 파악하려 했던 경험이 있다면, 그 고통을 아실 겁니다. XML 사양은 거의 모든 것을 기술할 수 있을 만큼 유연하지만, 그 유연성 때문에 문서가 빠르게 깊이 중첩됩니다. 이 트리 뷰어는 원시 XML을 브라우저 내장 DOMParser API로 파싱하고, 모든 요소, 속성, 텍스트 노드를 한눈에 볼 수 있는 접을 수 있는 트리를 렌더링합니다.

XML 트리 뷰어 사용 방법

1

XML 붙여넣기

임의의 XML 문서를 복사하여 입력창에 붙여넣습니다. 트리 뷰는 소형 및 대형 XML 문서 모두에서 자동으로 렌더링됩니다.

2

트리 탐색

임의의 노드를 클릭하여 확장하거나 축소합니다. 트리는 요소, 속성, 텍스트 노드를 명확한 계층 구조로 표시합니다.

3

탐색 및 검사

트리를 사용하여 XML 구조를 이해하거나, 특정 요소를 찾거나, 프로그래밍 방식으로 처리하기 전에 문서 계층을 확인하세요.

XML 구조 예시

예시: 제품 카탈로그 XML

XML 입력:

<catalog>
  <product id="1">
    <name>Widget Pro</name>
    <price currency="USD">29.99</price>
    <stock>150</stock>
  </product>
</catalog>

렌더링된 트리 구조:

catalog
└─ product [id="1"]
   ├─ name: "Widget Pro"
   ├─ price [currency="USD"]: "29.99"
   └─ stock: "150"

자주 묻는 질문

XML 데이터가 서버로 전송되나요?

아닙니다. 모든 것은 브라우저의 네이티브 DOMParser API를 사용하여 로컬에서 처리됩니다. XML이 기기 밖으로 나가지 않으며, 브라우저의 네트워크 탭에서 확인할 수 있습니다.

XML에 오류가 있으면 어떻게 되나요?

브라우저 파서가 문제를 감지하고 도구가 상세한 오류 메시지를 표시합니다. JSON과 달리 XML은 올바른 형성에 대해 엄격합니다 — 모든 여는 태그에는 닫는 태그가 필요하고, 속성은 따옴표로 묶어야 하며, 특수 문자는 이스케이프가 필요합니다. W3C 올바른 형성 규칙에서 전체 목록을 확인하세요.

어느 크기의 XML 파일까지 볼 수 있나요?

도구 자체에는 고정 제한이 없습니다 — 브라우저의 가용 메모리에 따라 다릅니다. 10-15 MB까지의 파일은 Chrome과 Firefox에서 문제없이 작동합니다. 매우 큰 문서에는 XMLStarlet 같은 명령줄 도구가 더 실용적입니다.

SOAP이나 WSDL 응답을 볼 수 있나요?

물론입니다. SOAP 엔벨로프와 WSDL 정의는 XML 문서이므로 트리로 완벽하게 렌더링됩니다. 전체 IDE를 실행하지 않고도 낯선 웹 서비스 응답의 구조를 파악하는 가장 빠른 방법입니다.

관련 도구