크롬 - json 데이터 정렬 / JSON Viewer

json 뷰어

안녕하세요 고코더 입니다.

JSON으로 데이터를 받아 프론트를 개발하는 회사가 많아졌습니다.

어느샌가 개발자들이 씨름하는 1순위가 된 데이터 형식이죠

그런데 이 데이터를 확인하려고 URL을 호출 하면

▼크롬에선 알아보기 어렵게 보입니다.

물런 json 데이터 자체를 보기 좋게 띄워쓰기와 엔터값을 주면 되지만

용량만 늘어나는 지름길이겠죠. 파이어 폭스는 브라우저 내에 정렬을 지원하지만

크롬은 아직 지원하지 않습니다. 그래서 확장 프로그램이 필요 합니다.

▼해당 URL로 접근합니다. JSON Viewer 라는 프로그램이 필요합니다. 크롬에 추가하여서 설치합니다.

▼추가 합니다.

▼아까 보았던 그 페이지를 새로고침 했습니다.

놀랍도록 깔끔하게 정렬 되었습니다. 그리고 오른쪽 처럼 모드가 생겼습니다.

설정으로 들어가 보겠습니다.

1. 톱니바퀴

- 설정

2. RAW

- 한줄로 보이게 (설치전 그 모습으로)

3. <>

- 축소화 입니다.{}로 열려 있는 데이터를 닫습니다

▼설정으로 진입한 이유는 Theme를 지정할 수 있습니다.

흰색 바탕보단 검은색 테마가 훨씬 눈이 안아프기에

저는 "midnigh"을 선택했습니다.

▼다시 접근해보니 개발자 다운 JSON 보기가 완성 되었습니다.

개발자를 잘 아는 확장 프로그램 입니다.

단발성 정렬은 이 포스트를 확인해보시기 바랍니다.

-> [IT_팁/개발기타] - 사이트 - 개발소스 라인 정렬 하기 / HTML / JS

마무리

이런 작은 편의 설정이 모여서 시간을 단축하고

업무효율을 높힙니다. 꼭 설정하여서 사용하시길 추천드립니다.

댓글