JSON 트리 편집기

큰 JSON을 접었다 폈다 하며 구조로 보고, 값을 그 자리에서 고칩니다. 글자와 트리 어느 쪽을 고쳐도 다른 쪽이 따라옵니다.

JSON

트리

편집은 브라우저 안에서만 이루어지며 내용을 서버로 보내지 않습니다.

JSON 트리 편집기는 큰 JSON 을 접었다 폈다 하며 구조로 보고, 값을 그 자리에서 고칩니다. 글자와 트리 어느 쪽을 고쳐도 다른 쪽이 따라옵니다. 항목 이름이나 값으로 찾을 수도 있어 수백 줄짜리 응답에서 원하는 곳을 빠르게 찾을 수 있습니다.

JSON트리편집 사용 방법

왼쪽에 JSON 을 붙여 넣습니다. 오른쪽에 트리가 나타납니다.
삼각형을 눌러 접거나 펼칩니다. 모두 접기로 큰 그림을 먼저 봅니다.
값 칸을 눌러 고치면 왼쪽 글자도 함께 바뀝니다.
찾기 칸에 이름이나 값을 넣으면 해당 줄이 표시됩니다.

지원 형식과 입력 조건

보기: 접기·펼치기 · 항목 수와 깊이 표시 · 타입별 색 구분
편집: 값을 그 자리에서 수정. 숫자·참거짓·null 을 알아서 구분합니다
찾기: 항목 이름과 값을 함께 훑습니다
내보내기: 정렬·압축 · 복사 · .json 내려받기

잘못된 JSON 을 입력해도 트리가 사라지지 않습니다

글자를 고치는 도중에는 잠깐씩 문법이 깨집니다. 괄호를 하나 지운 순간이 그렇습니다.
그때마다 트리를 지우면 화면이 깜빡이고, 무엇보다 방금까지 보던 위치를 잃습니다.
이 도구는 문법이 깨진 동안에는 트리를 그대로 두고 오류만 알려 줍니다. 다시 올바른 JSON 이 되면 트리가 따라옵니다.

값을 고칠 때 타입이 바뀝니다

숫자 칸에 글자를 넣으면 문자열이 됩니다. true·false·null 을 그대로 쓰면 그 타입이 됩니다.
API 로 보낼 데이터라면 이 차이가 중요합니다. 숫자를 기대하는 곳에 문자열을 보내면 거절당합니다.
자릿수가 아주 큰 숫자는 문자열로 남깁니다. 숫자로 바꾸면 뒷자리가 달라지기 때문입니다.

자주 묻는 질문

항목을 추가하거나 지울 수 있나요?

지금은 값만 고칠 수 있습니다. 항목을 더하거나 지우려면 왼쪽 글자를 직접 편집하세요.

아주 큰 JSON 도 되나요?

수천 항목까지는 문제없습니다. 그보다 크면 모두 접기로 본 뒤 필요한 부분만 펼치세요.

내용이 서버로 전송되나요?

전송되지 않습니다. 브라우저 안에서만 처리합니다.