본문 바로가기
Tools

코드(code) 이쁘게 정리 해주는 사이트(codebeautify)

by 잡다한 처리 2022. 12. 22.
반응형

안녕하세요 처리의 블로그입니다.

업무를 하다보면 html, php 등의 스크립트들을 분석하는 경우가 많이 있는데 가끔식 정리되지 않은 코드들을 많이 보게 됩니다.  그러면 태그에 맞게 수동으로 고치는 경우가 종종 있는데 이럴 떄 사용하면 유용한 사이트입니다.

 

Code Beautify and Code Formatter For Developers - to Beautify, Validate, Minify, JSON, XML, JavaScript, CSS, HTML, Excel and mor

Free Online Tools like Code Beautifiers, Code Formatters, Editors, Viewers, Minifier, Validators, Converters for Developers: XML, JSON, CSS, JavaScript, Java, C#, MXML, SQL, CSV, Excel

codebeautify.org

사이트에 접속하면 HTML Viewer, HTML Formatter, Revers Hex Digits, XML Viewer 등의 기능들이 있는데 우리가 사용할 기능은 바로 HTML Viewer 입니다.

기능은 아주 심플합니다. 좌측에 HTML 코드를 넣으면 우측  output에 html 코드를 이미지화 시켜서 보여줍니다.

근데 여기서 중요한건 우리는 HTML의 Viewer가 중요한게 아니라, 정리가 잘 된 Code가 필요하기 때문에 가운데 "Beautify HTML" 버튼을 누르면 output에 우리가 원하는 깔끔한 코드 정렬을 시켜줍니다.

댓글