본문 바로가기

General/Tip For Programming

[Tip] JSON Formatter Validator - Json String Formatter

프로그래밍을 하다보면 제이슨 스트링을 다뤄야 할때가 있습니다. 특히 파싱을 해야할때 많이 그렇죠.
많은 분들이 JSON으로 된 결과값을 놓고, 엔터치고 탭, 들여쓰기 해가며 보기 좋게 바꿔놓고, 도메인 만들던 기억이 있을겁니다. 

요즘에는 많은 오픈 API들도 JSON을 채택했거나, XML과 JSON 두가지를 동시에 지원해주는 경우가 많습니다.



 JSON result (JSON String)

일반적으로 JSON 으로 된 결과값은 아래와 같은 식으로 받을 수 있습니다.
그게 개인적으로 만든 API던, 트위터 등의 오픈 API던 아래처럼 결과가 되돌아 오죠.

Girls_Day 로 검색한 트윗 결과



이렇게 오브젝트 두개 정도를 정리하고 나면 진이 빠져 버립니다.
여러가지들을 써보긴 했는데, 그것들도 대충하는 녀석들이 있어서...


이럴때 사용하면 좋을 사이트가 있습니다.
바로 JSON
Formatter & Validator 라는 곳이죠.





 JSON Formatter & Validator


http://jsonformatter.curiousconcept.com/ 


주소는 위와 같습니다.


무료페이지다 보니, 광고가 나오는건 어쩔 수 없죠. 저게 다 무료페이지 운영하는 수익이 되는거니까요.

사이트를 들어가면 아래와 같은 화면이 나옵니다.



여기서 눈여겨 볼 부분은 딱 세군데 입니다.

JSON Data / JSON Data URL / Process






1. JSON Data -> Process

아래와 같이 JSON Data 입력창에 데이터를 집어 넣습니다. 
위의 Girls_Day 로 검색한 트윗 결과를 그대로 집어넣어 봅니다. 그리고 Process 버튼을 누릅니다.



Process  버튼을 누르고 아래를 보면(또는 화면이 자동으로 이동됨),
아래 스크린샷과 같은 결과가 나옵니다.

Validation Result 라는 것으로 유효한 결과값인지를 확인할 수 있고,
Validation Output 으로 JSON Format 에 맞춰 보기 좋게 정렬된 결과를 볼 수 있죠. 굿굿. 아주 좋습니다.










2. JSON Data URL -> Process

이 페이지가 좋은것은 위 1번의 JSON Data 에 대해 Validation 과 Output을 주기 때문만은 아닙니다.
바로 URL에 대해서도 같은 처리를 할 수 있기 때문이죠.

JSON 결과를 return 해주는 URL에 대해서도 1번과 같은 결과값을 얻을 수 있습니다.


이번에는 JSON  Data URL 에 위의 Girls_Day 로 검색한 트윗 결과값에 사용했던 URL을 집어 넣습니다.
그리고 Process 버튼을 누릅니다.




1번과 마찬가지로 결과를 바로 받아 볼 수 있습니다.

Validation ResultValidation Output이 나옵니다.




엄청나군요.
전 이제 텍스트편집기와 에딧플러스를 켜지 않을겁니다. 요놈이 있으니까 요놈을 활용해야죠.

다른 분들도 이런 고생하셨었다면,
JSON Formatter & Validator 를 이용해서 편하게 코드를 들여다봤으면 좋겠네요^^