코드를 보기 좋게!, Online Java script Beautifier

 

코드를 보기 좋게!, Online Java script Beautifier

beautifier는 소스 코드가 읽힐 수 있도록 수정해주고, 해당 코드를 javascript, json, php 그리고 html등 여러 프로그램에 적용될 수 있도록 변환해주는 웹사이트입니다. 요새, 코딩을 하고 웹사이트를 제작하고 만드는 등 코드의 생성 기능을 필요시하는 만큼, 코드 생성을 도와주는 beautifier는 매우 유용하게 사용될 수 있습니다. 특히 소스코드 생성의 입문자의 경우, 자신의 소스코드를 Beautifier를 통해 정리함으로써 더 가독성을 높일 수 있습니다.

>  Online JavaScript beautifier 웹 페이지

어떻게 beautifier를 이용할 수 잇는지 간단히 알아보자면, online java script beautifier 웹사이트에 들어가서, 자신이 가지고 있는 소스코드를 복사 붙여넣기하고 해당코드를 어떤 식으로 변환할 것인지 CSS,  JavaScript 또는 HTML중에 선택하고 beautify code 버튼을 누릅니다. 

정리가 되기 전의 코드

Beautifier 적용 후의 코드

이미지 출처; https://blog.naver.com/nyangkk/222316805775

그러면 이전에는 정돈되어 잇지 않았던 소스코드가 정돈된, 가독성이 좋은 코드로 변환되어 출력됨을 알 수 있어요.

출처; Youtube_Rabi Gurung

https://youtu.be/OA8-uLIYPhk

이러한 Beautifier 웹 페이지는 간단한 웹 스크래핑을 하거나, 웹 페이지를 편집하려는 목적으로 HTML등을 간접적으로 편집하는 데에 유용하게 사용될 수 있습니다.

여러 컴퓨터 교양 과목에서도 코딩을 많이 배우는데, 이때 해당 웹페이지의 도움을 받을 수 있을 거라고 생각합니다.