Child pages
  • online json beautifier site 비교

json 데이타를 예쁘게 포맷팅하거나 또는 개행을 없애고 스페이스를 최소화해서 compact 하게 만들거나 등의 작업을 해야 할 경우가 있다.

google 에서 json beautifier 를 키워드로 검색해서 나온 상위 6개 사이트를 비교해 보자.

비교하는 척도는 편리성, 잘못된 json 데이타일 경우 잘못된 부분을 알려주는 기능, compact 기능 이다.

 

http://jsbeautifier.org/

장점

  1. 구글 검색시 제일 먼저 나온 사이트. json 코드를 예쁘게 보여주는 기능은 괜찮음

단점

  1. UI 가 어수선하고 직관적이지 않음.
  2. 잘못된 json 데이타를 넣어도 파싱이 됨

http://jsonformatter.curiousconcept.com/

 

 

http://jsonformat.com/

 

 

http://jsonmate.com/

장점

  1. UI 가 직관적이고 beautifier, uglifier(compact) 기능을 제공함
  2. 입력한 json 데이타를 바로 편집할 수 있는 훌륭한 기능의 json editor 가 제공됨
  3. json css selector/json visualization 등의 추가 기능도 제공

단점

  1. 잘못된 json 데이타의 경우 alert 으로 에러 여부만 알려줄뿐 어느 부분이 에러인지는 알려주지 않음.

 

http://jsonlint.com/

장점

  1. UI 가 깔끔하고 기능이 가장 마음에 드는 사이트 
  2. LINT 가 들어가는 사이트 이름에 걸맞게 잘못된 json 데이타일 경우 어떤 부분이 잘못 되었는지 해당 라인을 알려주므로 디버깅시 유용할 것 같음.
  3. http://pro.jsonlint.com/ 에 가면 두 개의 json 데이타를 비교하는 기능도 있음. pro 사이트는 이름을 봐서는 향후에 유료화할 가능성이 있어보임

단점

  1. json 데이타를 compact 하는 기능은 없음

 

http://jsonprettyprint.com/

  • 코드 포맷팅 기능만 있음.
  • 잘못된 json 데이타일 경우 어디가 잘못됐는지 알려주지 않고 null 메시지만 출력

총평

개인적으로는 http://jsonlint.com/ 가 제일 마음에 들고 그 다음이 http://jsonmate.com/ 가 괜찮아 보임. json data 를 validation 할 때는 jsonlint 를 사용하고 다른 기능이 필요할 경우 jsonmate 를 사용하면 유용할 것 같음