Object 예쁘게 화면에 뿌리기

javascript를 하다보면 json 스타일로 봐야 할때가 많다.

그래서 json 뷰어 같은 기능을 하는 프로그램들을 이용해서 예쁘게 보기도 하는데

단순 css, script 만으로도 예쁘게 표현이 가능하다는걸 이제서야 알았다.

샘플코드: https://jsfiddle.net/b9429scx/

요약하자면 아래와 같다.

script

JSON.stringify(obj, null, 4)

css

.json_viewer { white-space: pre; }