[Json] json 보기/편집 툴

json 같은 경우 들여쓰기(indentation)가 없으면 보기 어렵고, 들여쓰기가 되어 있어도 제대로 만들어져 있는지 vlidation하기 힘들다. 이럴 때 들여쓰기와 valication체크, 트리형태로 보여주며 접기/펴기(collapse/expand) 등의 기능이 있는 Json Parser Online을 많이 사용해 왔다. 왼쪽에 json 내용을 쓰면 자동으로 변환해서 오른쪽에 보여주는 아주 간단한 기능뿐이지만, 개발자 입장에서는 멋진 툴이다.

그런데 개발자가 아닌 일반인이 편집하지 쉬운 툴이 있느냐는 질문을 받았다. 운영쪽에 json 파일을 수정할 수 있게 열어주고 싶은데, 개발자가 아니다 보니 쉽게 편집하고 확인할 수 있는 방법이 없을까 싶은 것이다.

검색하던 도중 이런 json 편집 툴을 모아서 댓글 달아놓은 멋진 글도 발견했다. 이것저것 찔러보는데 괜찮은 것들이 몇 개 눈에 들어온다.


1. JSON Editor Online
Json Parser Online과 상당히 유사한데, 왼편의 json 내용만 수정할 수 있는 것이 아니고 오른쪽에 파싱된 내용을 수정해서 json에 적용할 수 있다는 점이 좋다. github(https://github.com/josdejong/jsoneditor)에 소스도 공개되어 있다.

2. JSON widget
form을 채워서 json 파일을 만들어 주는 라이브러리인데, 멋진 점은 json의 형식을 미리 지정할 수 있다는 점이다. 형식을 미리 정할 수 있기 때문에 개발자가 아닌 사람들이 사용하기 좋은 형태이다. python과 javascript 방식이 있는 것 같다.

예를 들어, 아래 화면은 javascript로 만들어진 주소록(address book) 샘플이다. 주소록을 저장하기 위해 성과 이름을 입력할 수 있고, 추가로 주소, 전화번호, 메일주소 같은 것을 넣을 수 있게 링크가 달려 있다. 미리 이런 주소록 형식을 지정해 주면 사용자는 입력 양식에 맞춰서 값만 넣으면 되니 json을 몰라도 사용할 수 있어서 좋다.

단, 어떻게 형식을 지정하는지 아직 감이 잘 안 온다. 직관이 조금 떨어지는 듯..



그리고 여기 댓글에서 추가로 여러 json editor 툴을 볼 수 있다.


- 참고
GUI-based or Web-based JSON editor that works like property explorer [closed]
Json Parser Online
JSON Editor Online
JSON widget

덧글

[몽부]

good .. 잘써먹겠습니다 (_ _)

[Sigel]

별말씀을요 :D