JSON Pretty, Beautiful Print

 

  JSON을 웹 페이지에서 이쁘게 보여줘야 할 때가 있죠. 

  highlight 라이브러리를 통해서 보여주는 것도 좋겠지만 보통은 아래와 같은 방법으로 많이 하는 것 같네요.  

document.getElementById('printTargetElem').innder.HTML = '<pre>' + JSON.stringify(sourceObj, undefined, 4) + '</pre>';

  

 

  아래 코드를 통해서 JSON을 indent가 들어간 텍스트로 변경할 수 있고요. pre 안에 넣어줌으로써 있는 그대로 출력하게 하는 것이죠 !!

JSON.stringify(sourceObj, undefined, 4)

 

   JSON.stringify가 JSON이나 Obj를 문자열로 변경시켜주는 함수이고 제일 뒤에 받는 인자값은 얼마나 들여쓰기 할 것인가를 설정하는 값이네요. 보통 4를 쓰지만 2로 변경해도 되고.. 혹은 더 증가시켜도 되고요. 

 

 

+ Recent posts