JSON 트리 뷰어란 무엇인가요?

JSON 트리 뷰어는 JSON 텍스트를 파싱하여 대화형으로 접을 수 있는 트리 구조로 렌더링하는 도구입니다. 각 노드는 키, 유형, 값 미리보기를 표시하여 원시 텍스트를 읽지 않고도 깊이 중첩된 JSON 데이터를 시각적으로 탐색할 수 있게 합니다.

트리 노드를 펼치고 접는 방법은?

객체나 배열 노드 옆의 화살표 아이콘을 클릭하여 펼치거나 접을 수 있습니다. 노드 행 자체를 클릭해도 됩니다. 도구 모음의 "모두 펼치기" 및 "모두 접기" 버튼을 사용하여 전체 트리를 한 번에 토글할 수 있습니다.

검색 상자에 키워드를 입력하면 일치하는 키와 문자열 값이 즉시 강조 표시됩니다. 일치하는 행이 강조 표시되며, 이전/다음 버튼이나 Enter(앞으로) 및 Shift+Enter(뒤로) 키를 사용하여 일치 항목 사이를 이동할 수 있습니다.

JSONPath는 특정 노드를 가리키는 점 표기법 표현식입니다(예: $.user.address[0].city). 노드 위에 마우스를 올리면 전체 경로가 경로 표시줄에 나타납니다. 경로나 복사 아이콘을 클릭하여 클립보드에 복사할 수 있습니다.

네. "파일 로드" 버튼을 클릭하여 .json 파일을 찾거나, .json 파일을 입력 영역으로 드래그 앤 드롭하면 됩니다. 파일 내용은 브라우저에서 로컬로 읽히며 서버로 업로드되지 않습니다.

각 값 유형마다 고유한 색상이 있습니다: 문자열은 녹색, 숫자는 파란색, 부울은 주황색, null 값은 회색입니다. 객체와 배열은 자식 수를 나타내는 배지를 표시합니다(예: {3} 또는 [5]).

노드에 자식이 1000개 이상 있으면 도구는 지연 로딩을 사용합니다: 처음 100개 항목을 렌더링하고 하단에 "더 로드" 버튼을 표시합니다. 이를 통해 수천 개의 항목이 있는 배열에서도 UI 반응성을 유지합니다.

아니요. 모든 파싱, 렌더링, 검색은 브라우저에서 완전히 이루어집니다. JSON 데이터가 장치를 떠나지 않으므로 민감하거나 기밀 데이터에 안전하게 사용할 수 있습니다.

입력 영역 아래에 구문 분석 오류와 그 위치를 보여주는 명확한 오류 메시지가 표시됩니다. 구문을 수정하고 입력이 다시 유효한 JSON이 될 때까지 트리 보기는 비어 있습니다.

페이지가 로드된 후 도구는 브라우저에서 완전히 실행되며 인터넷 연결 없이도 작동할 수 있습니다. 정적 리소스를 가져오기 위한 초기 페이지 로드에만 네트워크 액세스가 필요합니다.

JSON 데이터를 대화형 접을 수 있는 트리로 시각화합니다. 키와 값 검색, 마우스 오버 시 JSONPath 추적, 지연 로딩으로 대용량 파일 처리를 지원합니다. .json 파일 드래그 앤 드롭 지원.

