자바스크립트 포맷터 / JSON 포맷터

개발을 하다보면 깨진 자바스크립트 파일이나 json을 자주 보게 된다. 어딘가에서 라이브러리로 다운 받아서 사용하려고 하는데, 수정이 필요해서 열어보니 한줄로 주욱- 나오는 스크립트들. 서버와 통신 로그에서 발췌한 json도 한줄로 보이긴 마찬가지.. 이럴때 formatter를 사용하면 된다. 포맷터라고도 사용하지만  beautifier 라고도 한다. 

자바스크립트 포맷터 : http://codebeautify.org/jsviewer JSON 포맷터 : http://jsonformatter.org/

먼저 자바스크립트 포맷터 사이트로 들어간다. 왼쪽이 input화면이고 오른쪽이 result화면이다. 예쁘게 구조에 맞게 보고 싶은 자바스크립트를 복사해서 왼쪽에 붙여넣기 한 다음 가운데 있는 버튼중에 Beautify라는 버튼을 눌러준다. 

쨔잔. 그럼 오른쪽에 이렇게 예쁘게 정렬된 스크립트를 볼 수 있다. 한줄로 나올때보다 훨신 보기 수월해졌다. json이나 sql의 경우도 이런 formatter사이트를 이용하면 정렬하기가 수월해진다. 

이렇게 depth구분도 없이 나와있는 json도 위 사이트를 들어가서 왼쪽에 붙여넣기 한 다음, format/beautify 버튼을 눌러주기만 하면?

이렇게 구조화된 모습으로 바뀌어서 보기가 훨씬 편해진다. 

이런 formatter 사이트는 즐겨찾기에 추가해두고 자주 사용하면 개발할때 편리한 것 같다.