웨 페이지에서 json 보기 좋게 출력하기

안녕하세요 @realmankwon입니다.

웹에서 json을 그대로 표현해야 할 때가 있습니다.
이번에 스몬봇 관리자 화면을 업그레이드하면서 로그를 그대로 표현해야 하는데 그때 json형태로 보여줘야했습니다.

그런데 그냥 출력을 하니 보기가 좋지 않습니다.

기존 소스는 다음과 같습니다.

<div class="ui segment" id ="smon_log">
<script type="text/javascript">
   $('#smon_log').text(JSON.stringify(data));
</script>

이걸 보기 좋기 하기 위해서 일단 div 에 style을 추가하였습니다.
추가하는 스타일은 style="white-space: pre;" 이것입니다.

<div class="ui segment" id ="smon_log" style="white-space: pre;">

jquery에서는 다음과 같이 변경을 하였습니다.

$("#smon_log").empty();
$("#smon_log").append(document.createTextNode(JSON.stringify(data, null, 4)));

첫 줄은 기존에 있던 text를 초기화하는 것이고 두번째 줄은 json을 표시하는 부분입니다.

결과는 다음과 같습니다.

그냥 한줄로 나오던 json 값이 보기 좋은 형태로 표현이 되었습니다.
앞으로 json 로그를 표시할때 이걸 활용해야겠습니다.^^

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

@upvu voted. voting percent : 24.74 %, delegate sp : 11451, token amount : 10115, total sp of upvu : 1525598

어디다 질문을 남겨야 할지 몰라서 여기다 문의드립니다.

제가 며칠전 실수로 SVC 보팅 요청을 너무 오래된 글 링크로 신청을 해버렸는데요.

image.png
https://steem-engine.rocks/@svc.refund?page=2

https://steemit.com/hive-101145/@goodhello/5yoswa

신청당시 페이아웃 지난글이었던것 같습니다.

시간이 지나면 반환되는줄 알았는데...

image.png
https://steem-engine.rocks/@svc.refund?page=2

그냥 null 로 송부가 되버린것 같네요.

혹시 페이 아웃 지난글에 신청하면 그냥 꽝인건가요??

@realmankwon transfered 24 KRWP to @krwp.burn. voting percent : 84.57%, voting power : 83.39%, steem power : 1832833.38, STU KRW : 1200.
@realmankwon staking status : 8000 KRWP
@realmankwon limit for KRWP voting service : 24 KRWP (rate : 0.003)
What you sent : 24 KRWP [44714358 - 84208717797691c2f72a24667cde298a7085eab4]