JSON 트리 편집기

기능 소개

JSON 트리 편집기는 JSON 문서를 접고 펼 수 있는 트리로 바꿔 직접 탐색하고 편집할 수 있게 해 줍니다. 긴 텍스트 파일에서 빠진 쉼표를 찾아 헤매는 대신 작은 입력란에서 값을 바꾸면 도구가 올바른 JSON으로 다시 작성해 줍니다.

설정 파일, API 응답, 테스트 픽스처, 번역 파일처럼 먼저 구조를 파악한 다음 몇 군데를 정확히 고쳐야 하는 경우에 편리합니다.

사용 방법

1. 왼쪽 입력란에 JSON을 붙여넣거나 예시를 불러옵니다.
2. 트리를 살펴봅니다. 객체나 배열 옆의 화살표를 클릭해 펼치거나 접고, 펼칠 단계로 트리가 기본으로 몇 단계까지 열릴지 고릅니다.
3. 바로 편집합니다.
   • 키를 클릭하면 이름을 바꿀 수 있습니다. 키는 객체 안에서 원래 위치를 유지합니다.
   • 문자열이나 숫자를 클릭하면 값을 바꿀 수 있습니다. 불리언은 true 또는 false 메뉴로 고릅니다.
   • 각 행 오른쪽의 타입 메뉴로 값을 다른 JSON 타입으로 바꿉니다.
   • **+**를 눌러 객체나 배열에 자식을 추가하고, **×**를 눌러 노드를 삭제합니다.
4. Enter를 누르거나 다른 곳을 클릭하면 변경이 적용되고, Escape를 누르면 취소됩니다.
5. 입력란에서 갱신된 JSON을 복사합니다. 들여쓰기 옵션으로 포맷 방식을 정합니다.

경로

행을 선택하면 $.author.name이나 $.keywords[2] 같은 JSONPath 형식의 경로가 복사 버튼과 함께 표시됩니다. 일반 식별자가 아닌 키는 $["first name"]처럼 따옴표로 감쌉니다. 경로는 jq, JavaScript 옵셔널 체이닝, 데이터베이스 JSON 함수 등으로 같은 필드를 읽는 코드나 쿼리를 작성할 때 유용합니다.

안전한 편집

편집으로 잘못된 JSON이 만들어지는 일은 없습니다. 이미 있는 키로 이름을 바꾸거나 숫자에 문자를 입력하는 것처럼 변경을 적용할 수 없으면, 트리 위에 메시지를 표시하고 문서는 그대로 둡니다.

왼쪽 JSON에 문법 오류가 있으면 트리 대신 오류가 줄과 열과 함께 표시되므로 텍스트를 고친 뒤 이어서 작업할 수 있습니다.