본문 바로가기

json pretty, beautiful print in web page JSON Pretty, Beautiful Print JSON을 웹 페이지에서 이쁘게 보여줘야 할 때가 있죠. highlight 라이브러리를 통해서 보여주는 것도 좋겠지만 보통은 아래와 같은 방법으로 많이 하는 것 같네요. document.getElementById('printTargetElem').innder.HTML = '' + JSON.stringify(sourceObj, undefined, 4) + ''; 아래 코드를 통해서 JSON을 indent가 들어간 텍스트로 변경할 수 있고요. pre 안에 넣어줌으로써 있는 그대로 출력하게 하는 것이죠 !! JSON.stringify(sourceObj, undefined, 4) JSON.stringify가 JSON이나 Obj를 문자열로 변경시켜주는 함수이고 .. 더보기
ATOM : indent-guide-improved Package 저는 ATOM을 주된 개발 툴로 사용하고 있는데요. ATOM 자체는 깔끔하고 가볍고 부족한 기능들은 external package를 설치해서 사용하고 있어요. 아무튼 여러 패키지 중에서 indent-guide-improved 는 python을 주로 사용하는 저에게 정말 유용한 패키지 입니다. python에서는 indent가 중요하기 때문이죠 :-) 설치는 아래와 같습니다. 먼저 Atom - Preferences... 메뉴를 선택합니다. 그럼 아래와 같이 Settings 페이지가 열리고요 !!왼쪽에서 Install 탭에가서 설치하고 싶은 패키지를 검색해서 설치할 수 있습니다. 설치하셨으면 아래 그림과 같이 Open Config Folder를 선택하셔서 세부 설정을 할 수 있어요. styles.less 파일.. 더보기