Json, XML, Yaml(yml) 시각화로 편하게 작업하기

https://structra.taeu.kr/

Structra - JSON, XML & YAML Data Formatting and Visualization Tool

 

개발이나 각종 데이터 다루다보면, JSON이나 XML 데이터를 마주할 때가 많음. 이때 별도 설치 없이 브라우저에서 바로 데이터를 정렬하고 분석할 수 있는 Structra 사이트를 소개함(내가 쓰려고 만듬)

1. 주요 기능 및 특징

이 사이트는 단순한 포맷터를 넘어 데이터 구조를 다루는 데 필요한 핵심 기능을 모두 갖추고 있음.

• 멀티 포맷 지원: JSON은 기본이고, XML과 YAML까지 한 곳에서 처리 가능함.
• 데이터 정제 (Beautify/Minify): 난잡한 코드를 한눈에 보기 좋게 정렬하거나, 반대로 공백을 제거해 용량을 줄이는 압축 기능을 제공함.
• 실시간 검증 (Validate): 구문 오류를 즉시 잡아내어 데이터의 무결성을 확인할 수 있음.
• 트리 뷰 시각화 (Visualize): 텍스트 형태의 데이터를 인터렉티브한 트리 구조로 보여주어 계층 관계 파악이 매우 쉬움.
• 상호 변환 (Convert): JSON ↔ XML, JSON ↔ YAML 등 포맷 간 변환을 클릭 몇 번으로 해결함.

2. 단계별 사용법

사용법은 매우 직관적이라 누구나 쉽게 따라 할 수 있음.

STEP 1. 데이터 입력 메인 화면의 텍스트 영역에 분석하거나 변환하고 싶은 코드를 복사해서 붙여넣음.

STEP 2. 원하는 도구 선택 상단 메뉴에서 데이터 형식(JSON, XML, YAML)에 맞는 툴을 선택함. 'Format'을 누르면 즉시 예쁘게 정렬됨.

STEP 3. 시각화 및 분석 'Visualize' 탭을 활용해 데이터의 계층 구조를 트리 형태로 펼쳐보며 특정 키(Key)나 값(Value)을 빠르게 찾음.

STEP 4. 결과 활용 정돈된 데이터를 다시 복사해서 프로젝트 코드나 설정 파일에 적용하면 끝임.

 

Json view

 

기본적인 트리뷰는 위와 같이 나옴 각 속성별로 클릭해서 볼 수 있고, 마우스를 올리거나 클릭하면 에디터 하이라이팅됨

 

Graph View

그래프 뷰는 위와 같이 나옴, Json이나 각종 구조화된 데이터를 연관관계를 분석해서 그래프로 표시해줌

 

난 요즘 각 서비스 환경 설정 하거나 할때 쓰는 설정파일을 편집할때 주로 쓰고, AI 가 주는 결과데이터를 분석할때도 자주씀

 

 

이런 컨버팅 기능도 지원하니까 나름 유용하게 쓸 수 있을 것 같다.