[크롬 확장프로그램] JSONView로 json 데이터 가독성있게 보기

2023. 5. 17. 16:48 Browser/크롬, 크로미움

크롬 확장프로그램, JSONView

크롤링을 하거나 기타 등의 작업을 하다보면 JSON 데이터를 마주하게될 때가 있는데 이 때 추천하는 크롬 확장프로그램 중 하나가 바로 JSONView이다. 프로그램 이름으로도 기능을 쉽게 유추할 수 있는데, 바로 JSON 데이터를 가독성있게 볼 수 있도록 해주는 확장프로그램이다.

 

JSON이란? (출처: 위키백과)
JSON(JavaScript Object Notation)은 "속성-값" 쌍 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위한 개방형 표준 포맷이다. 본래는 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷이다. 

 

JSONView 설치

크롬 확장프로그램이기 때문에 설치는 매우 쉽다. 크롬 웹스토어의 해당 링크에서 'Chrome에 추가'를 클릭한다.

 

크롬 확장프로그램, JSONView

 

 

'Chrome에 추가' 클릭 후 뜨는 아래의 창에서 '확장 프로그램 추가'를 클릭해준다.

 

크롬 확장프로그램, JSONView 추가

 

 

제대로 설치가 됐으면 아래와 같이 크롬 오른쪽 윗부분에 JSONView가 추가된 것을 확인할 수 있다.

 

크롬 확장프로그램, JSONView 추가됨

 

 

JSONView 설치 전후 비교

그럼 실제로 JSONView 설치 전후가 어떻게 다른지 확인해보자. 아래는 JSONView를 설치하기 전 쌩자? 그대로 JSON 데이터를 본 경우이다. 딱봐도 한눈에 보기 굉장히 힘들다. 특히나 크롤링을 하는 경우에는 정확히 어떤 부분이 무엇을 의미하고 구조가 어떻게 되는지 확인을 해야하는데 이런식이면 빠르게 파악하기가 아무래도 힘들다.

 

JSONView 설치 전의 JSON 데이터

 

 

그렇다면, JSONView를 설치하고난 후의 JSON 데이터는 어떻게 보여질까. 아래 보는 것처럼 키:값 쌍대로 JSON 포맷을 정렬해서 보여주기 때문에 가독성이 좋아지게 된다 :)

 

 

출처 : https://liveyourit.tistory.com/243