JSON 뷰어/편집기이란?

JSON Viewer/Editor는 JSON 데이터를 탐색하고 편집하기 위한 인터랙티브 트리 보기를 제공합니다. 중첩 객체를 접거나 펼치고, 값을 제자리에서 편집하고, 키를 추가하거나 제거하며, 구조 내를 검색할 수 있습니다. 복잡한 API 응답이나 설정 파일 작업에 잘 맞습니다.

트리 보기는 각 가지를 개별적으로 접을 수 있어 5,000줄짜리 API 응답도 위치를 잃지 않고 파고들 수 있습니다. 값을 클릭하면 원래 자료형(문자열, 숫자, 불리언, null)을 유지한 채 인라인으로 편집됩니다. 경로로 검색하면 settings.database.timeout 같은 노드로 바로 이동하고, 값 검색으로 바꾸면 이메일·ID·상태 코드 등 내용으로 노드를 찾을 수 있습니다.

사용 방법

  1. 1단계 — JSON 데이터를 붙여 넣거나 .json 파일을 업로드하여 접을 수 있는 노드가 있는 인터랙티브 트리 보기에 로드합니다.
  2. 2단계 — 임의의 값을 클릭하여 인라인으로 편집하고, 도구 모음을 사용해 새 키나 항목을 추가하거나 삭제하거나, 트리 내의 특정 경로를 검색합니다.
  3. 3단계 — 트리 보기와 원본 텍스트 모드를 전환합니다. 끝나면 결과를 복사하거나 JSON, YAML, CSV, XML 형식으로 내려받습니다.

사용 시기

  • 긴 쿠버네티스 설정이나 API 응답에서 설정이 잘못된 필드 하나를 찾을 때.
  • 덤프 파일을 git에 커밋하거나 버그 리포트에 붙이기 전 정리할 때.
  • JSON 구조를 처음 배우는 사람에게 설명할 때, 트리 뷰로 중첩이 한눈에 보입니다.

결과

5단계 깊이에 묻혀 있는 단일 설정을 변경해야 하는 200줄짜리 중첩 API 설정을 받았습니다. 트리 보기에 로드하고, 검색으로 timeout을 찾아 값을 30에서 60으로 변경한 후 업데이트된 JSON을 다운로드합니다.

자주 묻는 질문

에디터가 멈추지 않고 다룰 수 있는 JSON 파일 크기는?
5 MB 이하 파일은 부드럽게 표시됩니다. 20 MB 정도도 동작하지만 트리를 처음 펼칠 때 1초 정도 멈출 수 있습니다. 50 MB가 넘으면 스트리밍 파서를 쓰거나 파일을 먼저 분할하는 편이 낫습니다.
값을 수정하면 자료형이 바뀌나요, 아니면 전부 문자열로 저장되나요?
에디터는 원래 자료형을 유지합니다. 숫자 30을 60으로 바꿔도 여전히 숫자입니다. 숫자를 문자열로 만들려면 텍스트 모드로 전환해 따옴표를 직접 붙이고 다시 트리 뷰로 돌아오세요.
트리 모드로 돌아갈 때 왜 오류가 뜨나요?
텍스트 모드에서는 자유롭게 입력할 수 있어 구문 오류(따옴표 없는 키, 남는 쉼표, 작은따옴표, 닫히지 않은 괄호)가 생길 수 있습니다. JSON이 오류 없이 해석될 때까지 트리 보기는 표시되지 않습니다. ‘복구’를 누르면 흔한 실수를 자동으로 고칠 수 있고, 아니면 텍스트 상자 아래에 표시된 오류를 직접 고친 뒤 다시 시도하세요.
이미 하위 항목이 있는 객체에 새 키를 추가할 수 있나요?
가능합니다. 부모 객체를 펼친 뒤 해당 행의 키 추가 버튼을 누르고, 키 이름과 값 자료형(문자열, 숫자, 객체, 배열 등)을 고르세요. 새 항목은 객체의 끝에 추가됩니다.
붙여넣은 데이터가 어디로 전송되나요?
붙여넣거나 입력하거나 업로드한 데이터는 모두 사용자의 기기에 그대로 머무르며 어디로도 전송되지 않습니다. 외부 요청이 일어나는 경우는 'URL에서 불러오기'를 사용할 때뿐이고, 이 요청도 사용자의 기기에서 사용자가 입력한 주소로 곧장 전달됩니다. 민감한 설정 파일과 인증 토큰이 저희 서버를 거치는 일은 없습니다.

관련 도구